【问题标题】:Input type FILE multiple - add files one by one输入类型 FILE 多个 - 一个一个添加文件
【发布时间】:2018-11-04 09:28:57
【问题描述】:
当访问者打开对话框并通过多个输入类型文件上传文件时,我正在开发一个页面(一次性使用 - 它的注册页面)。一切正常,但我的客户只是告诉我他们希望能够从不同的目录上传多个文件。通过多次打开该对话框。
现在,通常情况是,当我再次打开文件选择对话框时,之前选择的文件会从输入中删除。
有什么方法(纯 HTML 或 JS)可以添加到“堆栈”文件的可能性 - 将它们添加到选择中(可能某些 JS 对象稍后转换回输入类型文件?)以便可以添加文件到输入中的文件列表?
【问题讨论】:
标签:
javascript
multiple-file-upload
【解决方案1】:
在它旁边放一个加号按钮并添加一个新的输入字段,允许用户将文件添加到这个新字段。
如果您使用 jquery,这可以通过 $("") 并使用 before 将其附加到上一个输入。
可以通过纯js使用
var node = document.createElement("input");
node.setAttribute("type","file");
document.getElementById("myList").appendChild(node);
把它放在加号的onclick里面就完成了