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

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

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

我认为您的问题在于，您给不同的标记赋予了相同的名称。
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>

我想你的问题在于你给不同的标签取了相同的名字。

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

• 创建了一个文件输入控件
• 单击此元素上的事件，使用jquery

  clone

  方法克隆具有重复id的当前文件输入。此克隆的输入控件设置为隐藏，当前输入控件保存最新文件
• 所以，在表单提交中，我选择了所有文件

---

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

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

• 创建了一个文件输入控件
• 单击此元素上的事件，使用jquery

  clone

  方法克隆具有重复id的当前文件输入。此克隆的输入控件设置为隐藏，当前输入控件保存最新文件
• 所以，在表单提交中，我选择了所有文件

---

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

这是在网格中吗？或者你想选择的东西旁边有复选框或其他东西吗？我只想从不同的目录中选择文件。那么你正在使用？这在网格中吗？或者你想选择的内容旁边有复选框或其他东西吗？我只想从不同的目录中选择文件。那么你正在使用？没有frederik，我有一个文件输入，我第一次使用它选择文件时，所选文件会列出。如果我再次单击该控件并选择一些其他文件，它将列出我第二次选择的文件。我需要所有文件…您正在覆盖以前选择的文件。它认为您不再需要它，并且希望选择另一个文件来代替它。这就是工作原理。否则您可以使用jQuery或纯javascript来实现，然后选择一个文件。然后是一个按钮，上面写着“添加到列表”。单击该按钮时，它将获取选定文件的路径并将其添加到某个列表中。执行此操作时，可以使用jQuery向某些子标记添加更多标记。然后在上传时循环并从标记中检索文本。这就是我所能想到的。但是你尝试这样做的方式不是gona工作。不，frederik，我有一个文件输入，第一次使用它选择文件时，所选文件会列出。如果我再次单击该控件并选择一些其他文件，它将列出我第二次选择的文件。我需要所有文件…您正在覆盖以前选择的文件。它认为您不再需要它，并且希望选择另一个文件来代替它。这就是工作原理。否则您可以使用jQuery或纯javascript来实现，然后选择一个文件。然后是一个按钮，上面写着“添加到列表”。单击该按钮时，它将获取选定文件的路径并将其添加到某个列表中。执行此操作时，可以使用jQuery向某些子标记添加更多标记。然后在上传时循环并从标记中检索文本。这就是我所能想到的。但你尝试的方式不是工作。