Как я могу использовать `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 .