如何从单个多选文件输入创建多个文件输入答案

【问题标题】：How to create multiple file input from a single multi select file input如何从单个多选文件输入创建多个文件输入
【发布时间】：2014-09-15 08:08:45
【问题描述】：

我有一个具有多个属性的文件输入

我希望当用户在此控件中选择多个文件时拆分这些文件并创建多个文件输入，每个文件只选择其中一个文件。

这允许用户一次选择多个文件，但如果需要，可以单独删除它们。

除了我想通过 ajax 一个一个地上传这些文件，同时允许用户取消任何一个正在上传的文件。

任何想法。

【问题讨论】：

我认为您无法像这样填充文件上传 - 似乎存在安全风险。但你为什么想要？服务器端代码可以很好地处理多个选择。

标签： javascript file-upload upload multiple-file-upload

【解决方案1】：

您可以使用其中一种免费的 jQuery 插件。

jQuery File Upload Demo

Uplodify

【讨论】：

【解决方案2】：

您不能在文件输入上设置“文件”或“值”属性 - 因此您不能只创建新的文件输入并分别用一个文件填充它们。但是您可以使用新的 HTML5 FormData 对象分别上传每个文件。因此，您只需将原始文件输入的“文件”属性显示为列表。用户可以取消选择索引。当他提交时，您可以迭代 files 属性并跳过取消选择的索引。见https://stackoverflow.com/a/24089581/4809444

【讨论】：