HTML 5 文件输入多个 - 选择第一组后添加另一个文件答案

【问题标题】：HTML 5 file input multiple - add another files after selecting first group ofHTML 5 文件输入多个 - 选择第一组后添加另一个文件
【发布时间】：2014-04-07 16:19:55
【问题描述】：

我不喜欢 HTML5 多文件选择的工作方式。首先，我选择了 5 个文件，没关系，它显示了 5 个选定的文件。之后，我决定再添加 3 个文件。但是当我这样做时，“旧”的 5 个文件消失了，只有 3 个新文件在这里。

我知道使用 jquery 获取选定文件的文件列表是没有问题的，但是有没有机会如何操作选定的文件并插入其他文件？

我不想使用诸如您必须逐个选择文件并且将另一个上传按钮附加到文档的解决方案，当我看到这样的页面时，我倾向于破坏我能看到的所有内容。

【问题讨论】：

我的想法是在侧面显示所有选定文件的列表或预览图像（如果它是画廊）。取消选择不会像一一选择一样烦人。我还想关心用户选择重复项时的情况。
这与您的问题相反，但此处适用的答案相同：stackoverflow.com/questions/7099573/…
谢谢您的回复，最初此评论只是对其他人的问题的反应，如果用户决定不上传某些文件，我将如何取消选择文件。但是这个问题的评论消失了。
我的评论是关于你的问题。基本上，你不能因为 FileList 是只读对象

标签： jquery html file input

【解决方案1】：

Dropzone 可能是最好的（非常可定制，易于设置）：

http://www.dropzonejs.com/

具有多个上传选项，以及旧浏览器的后备选项。可以进行批处理/分块。

【讨论】：

【解决方案2】：

据我所知，它很难通过 HTML 实现。标准类型最好使用 Ajax 表单文件上传。您可以参考以下链接：

JQuery 文件上传器 - https://github.com/danielm/uploader/

多文件上传插件 - http://www.fyneworks.com/jquery/multiple-file-upload/

迷你多文件上传 - http://demo.tutorialzine.com/2013/05/mini-ajax-file-upload-form/

jQuery 文件上传 - http://blueimp.github.io/jQuery-File-Upload/

希望对你有帮助

【讨论】：

【解决方案3】：

我也面临同样的问题。有人建议我使用 ajax 和 formdata 来解决这个问题，因为输入类型文件的默认行为是用新选择的文件替换旧文件。你可以尝试 ajax 和 formdata 来解决这个问题，如果有效，请告诉我。你也可以在这里查看： html- input type="file" multiple

【讨论】：