如何在多个选择上保留现有文件选择

Question

在html中，我们可以使用文件输入控件一次选择多个文件。但是当我第二次选择一个文件以前的文件被新选择的文件覆盖时。

我的问题是，我们能否在选择新文件时保留现有文件选择？

Answer 1

我没有得到与此相关的任何代码段，似乎大多数人都不需要这种功能。所以我自己做了。

• 创建了一个文件输入控件
• 点击此元素上的事件，使用jquery clone方法克隆带有重复ID的当前文件输入。此克隆输入控件设置为隐藏和当前输入控件保存最新文件。
• 所以，在表单提交上我已经选择了所有文件

我怀疑这种方法在旧浏览器中的效果如何，但是当前的chrome和firefox执行得很好。

Answer 2

I think your problem is that you give the same name to the different <input> tags.

<div id="selectFiles">
    <input type='file' name='userFile1'>
    <input type='file' name='userFile2'>
    <input type='file' name='userFile3'>
    <input type='file' name='userFile4'>
</div>