输入类型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上并完成