2013-08-30 66 views
1

在html中,我们可以使用文件输入控件一次选择多个文件。但是,当我第二次选择一个文件覆盖新选择的文件以前的文件。如何在多个选择中保留现有文件选择

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

+0

这是在网格?或者在你想要选择的东西旁边有复选框或其他东西? –

+0

我只想从不同的目录中选择文件。 – VKGS

+0

所以你正在使用? –

回答

0
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> 
+0

没有frederik,我有一个文件输入,第一次选择使用该文件的文件,选定的文件被列出。如果我再次点击该控件并选择一些其他文件,它列出了我第二次选择的文件。我需要所有文件... – VKGS

+0

您正在覆盖先前选择的文件。它认为你不再需要它,并且你想在它的位置选择另一个文件。那是如何工作的。否则你可以使用jQuery或纯JavaScript来做到这一点,然后你选择一个文件。然后是一个说“添加到列表”的按钮。当您单击该按钮时,它将选定文件的路径并将其添加到某个列表中。当你这样做时,你可以使用jQuery为一些子标签添加更多的标签。比上传时你循环并从标签中检索文本。这就是我能想到的。但你试图做到这一点的方式并不是工作。 –

1

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

  • 创建的文件输入控制该元件上
  • 点击事件,克隆当前文件输入与使用jquery重复ID clone方法。此克隆的输入控件设置为隐藏和当前输入控件,保存最新文件。
  • 因此,在提交表单我有选择的

的所有文件,我怀疑这种方法有多好作品在旧的浏览器,但目前的Chrome和Firefox执行得很好。