动态添加文件输入到表单答案

【问题标题】：Dynamically add file input to form动态添加文件输入到表单
【发布时间】：2013-03-11 12:39:56
【问题描述】：

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

已翻译： 选择一个文件 未选择文件 和 Verstuur = 发送

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

我现在已经基本包含了这个html表单了：

    <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/>

编辑：我用this弄明白了

【问题讨论】：

我有两个很棒的建议。 1. 学习 Javascript（足以胜任这项工作）。 2. 学习 jQuery（让工作更轻松）。在这个职业中，你必须一直学习新事物。即使其他人为您做了几次，您将来仍然需要这些知识。
问题是我只需要它来做这件小事，因为我是学生，目前是实习生，我没有时间学习所有东西。
那就别这样了。插入一个你一无所知的半工程解决方案会给你带来很多问题......最终，你将失去比你花在学习上的更多时间。

标签： jquery forms dynamic input attachment

【解决方案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);
    }  
});

Sample

【讨论】：

【解决方案2】：

你试过了吗：

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

【讨论】：