如何使用输入文件两次

Question

我有<input type="file" name="attach" multiple>，我需要使用这个倍数的倍数。我的意思是什么，我需要什么：

1. 首先点击我选择2个文件：

file1.png

file2.png

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

file3.png

file4.png

file5.png

，我需要5个文件。

但是当我做第二次点击我刚刚过去的3

Answer 1

一个我的方法，我可以建议是，当用户选择文件，您可以用新的具有相同名称的属性将取代前面的<input type="file"....>。

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

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

添加下面的函数

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); 

} 

否则我会建议使用悬浮窗用于此目的。 dropzone