Question

我正在创建一个Web应用程序，我要允许我的用户选择多个文件，

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

这是我的输入字段

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

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

这是JSFiddle for reference，

如有必要，我可以使用javascript或jquery

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

Answer 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>

单击输入类型文件时，先前的文件消失

1 个答案: