dynamic elements with multiple upload file

Question

Hi I am using http://www.fyneworks.com/jquery/multiple-file-upload/ for multiple upload file. But I need the same feature for some dynamic file uploader also. so I crated a function addElement() for that. The problem is the dynamic element is creating correctly but multiple upload feature is not working.

<title>Add Element</title>
<script language="javascript">
this.num = 1;
function addElement(){
$top = document.getElementById('top');
newId = document.createElement('div');
id = 'my'+this.num;
newId.setAttribute('id', id );
newId.innerHTML = "<input type='file' name='DocumentFiles2' class='multi' />";
$top.appendChild(newId);
this.num++;
 }
function removedThis( id ){
var d = document.getElementById('top');
d.removeChild(id);
 }
</script>
</head>
<body>
<input type='file' name='DocumentFiles[]' class='multi' /><!-- This one is working -->
<input type="button" name="button" value="Add Element" onclick="addElement()"  />
<div id="top" ></div>
</body>
</html>

There is any alternative way to do this or make this to work.?

where is your upload code. you need to upload it by a loop

polin
– polin

2013-02-11 06:59:50 +00:00
Commented Feb 11, 2013 at 6:59 — polin
– polin, Commented Feb 11, 2013 at 6:59

Rohan Kumar · Accepted Answer · 2013-02-11 07:09:28Z

2

Add this code after calling addElement and removedThis and check

function addElement(){
     .....
     .....
     reinit();
}
function removedThis( id ){
     .....
     .....
     reinit();
}
function reinit()
{
    $('input[name="DocumentFiles[]"]').MultiFile({
    // your code
    });
}

edited Feb 11, 2013 at 7:09

answered Feb 11, 2013 at 7:00

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rakesh Over a year ago

can u please tell me exactly where..?

Rakesh Over a year ago

No Rohan same result there is any alternative way for this ..?

Rakesh Over a year ago

Rohan I changed DocumentFiles[] to DocumentFiles2[] now its working.. great :-)

Rohan Kumar Over a year ago

The problem is in your addElement function the line newId.innerHTML = "<input type='file' name='DocumentFiles2' class='multi' />"; should be like newId.innerHTML = "<input type='file' name='DocumentFiles[]' class='multi' />";

Collectives™ on Stack Overflow

dynamic elements with multiple upload file

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related