Javascript 如何使用输入文件两次

我有

，我需要使用这个2倍或更多倍。我的意思是，我需要：

首先单击“我选择2个文件”：

file1.png

file2.png

第二次单击我选择3个文件：

file3.png

file4.png

file5.png

我需要5个文件

---

但当我再次单击时，我只有最后3个。

我可以建议的一种方法是，当用户选择文件时，您可以用具有相同名称属性的新文件替换以前的文件

现在用户将再次选择几个文件并提交。您将在服务器端获得这两个文件，因为两个输入元素的name属性相同

<div id="parent">
     <input type="file" name="attach[]" onchange="append_new_input_element(this)" multiple>
</div>

或者我会建议为此使用dropzone。

---

可能这就是为什么不一次选择5个文件，并在服务器上相应地使用它们side@SunilPachlangia我会的，但我的客户没有。我需要作为电子邮件附件，所以dropzone不好。我不需要把它保存在服务器上。如果我将有很多输入，它将在

$\u文件中可用

？请尝试上面的脚本，在$\u文件中应该可以看到多个文件

function append_new_input_element(this){
parent_div = document.getElementById("parent");
this.style.display = "none";
var input = document.createElement("input");
input.type = "file";
input.name = "attach[]";             

input.setAttribute("onchange","append_new_input_element(this)");              
parent_div.appendChild(input);

}