jquery - 动态添加文件输入到表单

Question

我正在开发一个能够发送多个附件的电子邮件脚本。目前我只有 3 个文件输入，如下所示：

翻译： Select a file 没有选择文件 和 Verstuur = Send

该脚本本身工作正常，它能够发送多个附件，但我希望只有一个文件输入来选择一个文件并创建一个按钮或一个链接，它将添加另一个文件输入，以便用户自己可以选择尽可能多的附件他需要。我在这个论坛和谷歌上搜索过，我发现使用 jquery 是可能的。我以前从未使用过jquery，我无法自己弄清楚如何去做。如果有人可以解释如何做到这一点或有任何提示，那就太好了。

我现在已经基本包含了这个h​​tml表单：

    <input type="file" name="attachment[]"><br/>
    <input type="file" name="attachment[]"><br/>
    <input type="file" name="attachment[]"><br/><br/>
    <input type="submit" value="Verstuur" name="submit" ><br/>

编辑：我用这个弄明白了

Answer 1

看到这个：

$("#attach").on("change", " input[type=file]:last", function(){
    var item = $(this).clone(true);
    var fileName = $(this).val();
    if(fileName){
       $(this).parent().append("<br/>").append(item);
    }  
});

样本

Answer 2

你试过了吗：

<input name="filesToUpload[]" id="filesToUpload" type="file" multiple="" />