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

How to create multiple file input from a single multi select file input

本文关键字:文件 输入 创建 单个多      更新时间:2023-09-26

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

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

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

除此之外,我想通过ajax一个接一个地上传这些文件,同时允许用户取消任何那些正在上传的文件。

任何想法。

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

jQuery文件上传演示

升级

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