多次打开多个文件输入而不会丢失先前选择的文件

我有一个多文件输入。 我希望我的客户在点击“选择文件”时选择多个文件（我认为已经完成），如果他们忘记选择某些文件，我希望我的代码能够选择新文件（完成）并将该数据添加到他们之前选择的数据（无法解决）。

如何将新文件附加到列表中？

只是为了给你上下文：我的目标是将每个文件与AJAX一起发送到我的PHP服务器。

$("#upload-form").submit(function(e) { $('#displayFileNames').html(''); console.log('Currently in files.'); var files = $('#myFileInput')[0].files; for (var i = 0; i < files.length; i++){ $('#displayFileNames').append(files[i].name + '
'); console.log(files[i].name); } // Send data with AJAX. }); 

任何帮助，提示表示赞赏！

Answer 1

我相信相同的元素不能用于上述用途。 这是一个解决方法。 在文件输入上，单击附加另一个文件输入并隐藏当前文件。

 $("#seebtn").click(function(e) { $('#displayFileNames').html(''); var domArray = document.getElementsByClassName('file-input'); for (var i = 0; i < domArray.length; i++) { var files = domArray[i].files; for (var j = 0; j < files.length; j++){ $('#displayFileNames').append(files[j].name + ''); } }; // Send data with AJAX. }); function myFunction(obj) { $(obj).hide(); $("#upload-form").append(""); } 

  see