Home/ Questions/Q 9268487
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T14:49:38+00:00

Hi I am using http://www.fyneworks.com/jquery/multiple-file-upload/ for multiple upload file. But I need the same

  • 0

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.?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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
    });
}
    • 0