动态添加文件输入到表格

-2

我正在处理能够发送多个附件的电子邮件脚本。目前，我只是在这3个档输入看起来像这样：动态添加文件输入到表格

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

翻译：选择号文件中选择一个文件和Verstuur =发送

的脚本本身工作正常，它能够发送多个附件，但我想只有一个文件输入来选择一个文件，并创建一个按钮或链接，将添加另一个文件输入，以便用户自己可以根据需要选择尽可能多的附件。我搜索了这个论坛和谷歌，我发现它可以使用jQuery。我从来没有使用过jQuery，我不知道如何自己做。如果有人可以解释如何做或有任何提示，那就太好了。

HTML表单现在我已经basicly包括现在这样：

<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

来源

2013-03-11 Daanvn

我有两个伟大的秘诀。 1.学习Javascript（足以完成这项工作）。 2.学习jQuery（使其更容易完成这项工作）。在这个职业中，你必须时常学习新事物。即使其他人为你做了几次，你仍然需要这些知识。 – kapa 2013-03-11 12:44:05

问题是，我只需要它为这件小事情，因为我是一名学生，目前是实习生，我没有时间去学习一切。 – Daanvn 2013-03-11 12:45:40

然后就是不这样做。插入一个你一无所知的半工程解决方案将会给你带来很多问题......最终，你将失去比学习所花的更多的时间。 – kapa 2013-03-11 12:52:20

你尝试：

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

来源

2013-03-11 12:44:47 user2147970

看到这个：

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

来源

2013-03-11 12:49:50 Anujith

在Safari中不起作用。 – MikeiLL 2017-09-25 15:17:07

动态添加文件输入到表格

回答

相关问题