html5 загрузить несколько файлов с яваскрипта

Question

здесь логика загрузки в JS

var upload = function(){ 

    if(_file.files.length === 0){ 
     return; 
    } 

    var data = new FormData(); 
    data.append('SelectedFile', _file.files[0]); 

    var request = new XMLHttpRequest(); 
    request.onreadystatechange = function(){ 
     if(request.readyState == 4){ 
      try { 
       var resp = JSON.parse(request.response); 
      } catch (e){ 
       var resp = { 
        status: 'error', 
        data: 'Unknown error occurred: [' + request.responseText + ']' 
       }; 
      } 
      console.log(resp.status + ': ' + resp.data); 
     } 
    }; 

    request.upload.addEventListener('progress', function(e){ 
     _progress.style.width = Math.ceil(e.loaded/e.total) * 100 + '%'; 
    }, false); 

    request.open('POST', 'upload.php'); 
    request.send(data); 
} 

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

Answer 1

Это потому, что вы только добавление первого файла на объект данных:

data.append('SelectedFile', _file.files[0]); 

Вы должны добавить все файлы в _file.files коллекции Что-то вроде:

for(var i = 0 ; i < _file.files.length; i++) { 
    data.append('SelectedFile'+i, _file.files[i]); 
} 

Answer 2

var data = new FormData(); 
data.append('SelectedFile', _file.files[0]); 

Вместо этого кода попробуйте что-то вроде этого:

var data = new FormData(); 
for (var i in _file.files) data.append('SelectedFile'+i, _file.files[i]);