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

时间:2014-09-15 08:08:46

标签: javascript file-upload upload multiple-file-upload

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

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

这允许用户一次选择多个文件,但如果他愿意,可以单独删除它们。

我希望ajax逐个上传这些文件,同时允许用户取消任何文件 那些文件正在上传。

任何想法。

2 个答案:

答案 0 :(得分:1)

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

jQuery File Upload Demo

Uplodify

答案 1 :(得分:0)

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