javascript - 如何在多个选择中保留现有文件选择

Question

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

我的问题是，我们可以在选择新文件的同时保留现有的文件选择吗？

Answer 1

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

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

我怀疑这种方法在旧浏览器中的效果如何，但当前的 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>