动态添加文件输入到表单

时间:2013-03-11 12:39:56

标签: jquery forms dynamic input attachment

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

translated: select a file/no file selected and Verstuur = Send

已翻译: 选择文件 未选择文件 和Verstuur = 发送

脚本本身工作正常,它可以发送多个附件,但我想只有1个文件输入来选择文件并创建一个按钮或链接,这将添加另一个文件输入,以便用户自己可以选择他需要的许多附件。我在这个论坛和谷歌搜索过,我发现可以使用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/>

编辑 :我用this了解了它

2 个答案:

答案 0 :(得分:2)

见:

$("#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

答案 1 :(得分:0)

你有没有尝试过:

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