输入类型 FILE multiple - 一一添加文件

Question

当访问者打开对话框并通过多个输入类型文件上传文件时，我正在开发一个页面（一次性使用 - 它的注册页面）。 一切正常，但我的客户只是告诉我他们希望能够从不同目录上传多个文件。 通过多次打开该对话框。

现在，通常发生的情况是，当我再次打开文件选择对话框时，先前选择的文件已从输入中删除。

有什么方法（纯 HTML 或 JS）可以添加“堆叠”文件的可能性 - 将它们添加到选择中（也许一些 JS 对象后来转换回输入类型文件？）以便文件可以添加到列表中输入中的文件？

Answer 1

在它旁边放一个加号按钮并添加一个新的输入字段，允许用户将文件添加到这个新字段。

如果您正在使用 jquery，这可以通过 $("") 并使用 before 将其附加到先前的输入。

它可以通过纯js​​使用

var node = document.createElement("input");                    
node.setAttribute("type","file");
document.getElementById("myList").appendChild(node); 

把它放在加号的onclick里面就完成了