javascript - 如何使用 `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);
    }
})();

js小提琴。