具有多个上传文件的动态元素答案

【问题标题】：dynamic elements with multiple upload file具有多个上传文件的动态元素
【发布时间】：2013-02-11 15:09:28
【问题描述】：

您好，我正在使用http://www.fyneworks.com/jquery/multiple-file-upload/ 进行多个上传文件。但是对于一些动态的file 上传器，我也需要相同的功能。所以我为此创建了一个函数addElement()。问题是动态元素创建正确，但多重上传功能不起作用。

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

还有其他方法可以做到这一点或使其发挥作用。？

【问题讨论】：

您的上传代码在哪里。需要循环上传

标签： php javascript file-upload

【解决方案1】：

在调用addElement和removedThis后添加这段代码并检查

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

【讨论】：

你能告诉我确切的位置吗..？
没有 Rohan 相同的结果，还有其他方法可以解决这个问题吗..？
Rohan 我将 DocumentFiles[] 更改为 DocumentFiles2[] 现在它可以工作了.. 很棒 :-)
问题出在你的addElement函数中newId.innerHTML = "<input type='file' name='DocumentFiles2' class='multi' />";应该是newId.innerHTML = "<input type='file' name='DocumentFiles[]' class='multi' />";