单击输入类型文件时上一个文件正在消失答案

【问题标题】：previous file is being disappear when clicking input type file单击输入类型文件时上一个文件正在消失
【发布时间】：2018-09-12 14:00:33
【问题描述】：

我正在创建一个网络应用程序，我希望我的用户可以在其中选择多个文件，

当我的用户一次选择多个文件时它工作正常，但是当用户再次重新选择以前的文件时消失，

这是我的输入框

<input type="file" id="uploadMultipleFiles" multiple />

我希望我的用户选择多个文件并允许他们多次单击而不会丢失之前的文件选择

这是JSFiddle for reference，

如果需要，我可以使用 javascript 或 jquery

希望我能正确解释这个问题

【问题讨论】：

所以当他们关闭选择窗口并重新打开它时，仍然选择他们选择的内容？如果是这样，那么你不能。

标签： javascript jquery html file input

【解决方案1】：

您可以使用 JavaScript 来实现。您必须将所选文件推送到数组中。当用户提交表单时，您必须使用 ajax 将文件发送到服务器。

var input = document.getElementById('uploadMultipleFiles');
var btn = document.getElementById('btn');
var allFiles = [];

input.addEventListener('change', function(evnt){
	for(var i=0; i<input.files.length; i++){
  	allFiles.push(input.files[i])
  }
})

btn.addEventListener('click', function(evnt){
  console.log('Loading Files')
  allFiles.forEach( function(file){
    console.log(file.name)
  })
})

<input type="file" id="uploadMultipleFiles" multiple />
<br><br><br>
<button id="btn">
  Console All Files
</button>

【讨论】：