предыдущий файл исчезает при нажатии на файл типа ввода

Question

Я создаю веб-приложение, в котором я хочу, чтобы мои пользователи могли выбирать несколько файлов,

, когда мой пользователь выбирает несколько файлов одновременно, он работает нормально, но когда пользователь повторно выбирает снова,предыдущие файлы исчезают,

здесь мое поле ввода

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

Я хочу, чтобы мой пользователь выбирал несколько файлов и позволял им нажимать несколько раз, не теряя при этом предыдущий выбор файла

здесь JSFiddle для справки ,

Я могу использовать 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>