如何从单个多选文件输入创建多个文件输入
How to create multiple file input from a single multi select file input
我有一个带有多属性的文件输入
我希望用户在此控件中选择多个文件时拆分这些文件并且创建多个文件输入,其中每个文件输入仅选择这些文件中的一个。
这允许用户一次选择多个文件,但如果需要,可以单独删除它们。
除此之外,我想通过ajax一个接一个地上传这些文件,同时允许用户取消任何那些正在上传的文件。
任何想法。
您可以使用一个免费的jQuery插件。
jQuery文件上传演示
升级
您不能在文件输入上设置"files"或"value"属性,因此您不能只创建新的文件输入并用每个文件填充它们。但是您可以使用新的HTML5FormData对象分别上传每个文件。因此,您只需将原始文件输入的"files"属性显示为列表。用户可以取消选择索引。当他提交时,您可以迭代files属性并跳过取消选择的索引。看见https://stackoverflow.com/a/24089581/4809444
相关文章:
- Javascript,文件输入和FormData问题
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 访问javascript文件输入变量的值
- 从IE中的不同元素调用时,文件输入控件未正确启动
- 多次打开多个文件输入,而不会丢失以前选择的文件
- jquery形成多文件输入字段Value()
- 如何从 Chrome 中的文件输入中删除“未选择文件”工具提示
- 如果从文件输入按钮调用 .ajaxSubmit() 时,它是必需的表单
- 生成由文件输入在特定时间选择的视频文件的缩略图/快照
- 使用javascript获取文件输入
- krajee引导程序文件输入上传
- on('change')不适用于动态添加的文件输入
- 选择要初始化精细上传器的文件输入
- 在DOM中以img的形式插入文件输入
- 单击跨度内的隐藏文件输入会导致RangeError
- 显示当前文件输入有文件后的下一个文件输入
- Krajee文件输入小部件'上传'方法引发异常
- 在引导文件输入中通过post发送一个额外的变量
- 引导文件输入
- 为什么在文件输入上触发点击事件也会在表单上触发提交事件