с помощью ajax для загрузки нескольких файлов

Question

У меня есть простая форма, которая позволяет пользователю загружать текст комментария и файлы на сервер. Когда форма отправляется, процесс загрузки файла обрабатывается в файле «upload.php». Он отлично работает для загрузки только 1 файла.

Я хотел бы мой сценарий, чтобы иметь возможность загружать несколько файлов с помощью AJAX.

Это то, что я сделал до сих пор -

HTML (часть):

<input type='file' name='file[]' maxlength='1' accept="image/jpg,image/png,image/jpeg,image/gif" /> 
<input type='file' name='file[]' maxlength='1' accept="image/jpg,image/png,image/jpeg,image/gif" /> 
<input type='file' name='file[]' maxlength='1' accept="image/jpg,image/png,image/jpeg,image/gif" /> 

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

JS

$(function() { 
    $(document).on('submit','form',function(e) { 
     e.preventDefault(); 

    var $form = $(this); 
    var file_data = $form.find('.file-field').prop('files')[0]; 
    var form_data = new FormData();  
    form_data.append('act', act); 
    form_data.append('comment[text]', $form.find('.comment-field').val()); 
    form_data.append('comment[pageName]', $form.find('.pagename-field').val()); 

    form_data.append('file[]', file_data); 



    $.ajax({ 
      type: "POST", 
      url: "ajax/addComment.php", 

      dataType: 'text', 
      cache: false, 
      contentType: false, 
      processData: false, 
      async: false, 
      data: form_data, 
      success: function(data) 
      { 
       $("#loader").hide(); 
       $('#commentsBox'+$form.find('.refid-field').val()).prepend(data); 
       $("form").reset(); 

      } 

     }); 

    return false; 

    }); 
}); 

Answer 1

Здесь Вы можете получить содержимое файла, связанного с первым входом файла.

var file_data = $form.find('.file-field').prop('files')[0]; 

и несколько строк позже (это имело бы больше смысла, находясь в соседних линиях) вы положили, что данные в объекте данных формы:

form_data.append('file[]', file_data); 

Просто использовать a for и замените 0 переменной цикла.