如何使用`appendChild`添加无限的文件上传字段？

Question

我对JavaScript有点新鲜。

我将有一个文件上传字段。我想在文件上传字段中添加onclick以添加其他文件上传字段。

所以我想的是：

i=0
function addfile() { 
document.getElementById("form_name").appendChild(<input type=\"file\" name=\"file1\"" +     "i++" + " />)}

......然后......

<input type="file" onclick="addfile();" />

（我知道这种语法可能很糟糕/缺少一些东西，我只是试图布局我认为我应该使用的概念。）

你能让这个工作吗？

Answer 1

这封装了i变量。

(function() { 
    var i = 0;
    window.addfile = function() { 
        var input = document.createElement('input');
        input.type = 'file';
        input.name = 'file' + i++;

        document.getElementById('form_name').appendChild(input);
    }
})();

jsFiddle