Question

您好我正在使用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>

有任何其他方法可以做到这一点或使其工作。？

Answer 1

在致电addElement和removedThis后添加此代码并检查

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

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

1 个答案: