загрузить более 1 изображения с помощью ajax

Я написал сценарий, который позволяет пользователям отправлять текст комментария с изображением, и я сделал это с помощью ajax.

yes – загрузить изображение с помощью ajax.

Я хотел бы расширить этот scrpit и позволить пользователям загружать более одного файла / изображения. мой код не поддерживает это (серверная сторона получает только 1 файл). вы можете помочь мне исправить это, чтобы я мог загрузить массив файлов?

HTML:

<form class="form-horizontal" action='#' method="post" enctype="multipart/form-data"> <input type='hidden' name='comment[pageName]' value='yard' class="pagename-field" /> <input type='hidden' name='comment[refID]' value='0' class="refid-field" /> <input type='hidden' name='allowReply' value='1' class="allowReply-field" /> <textarea class="form-control comment-field" name="comment[text]" rows="1" placeholder="כתוב/י תגובה"></textarea> <input type='file' name='file[]' class='form-control file-field hideBox' maxlength='1' accept="image/jpg,image/png,image/jpeg,image/gif" id="uploadFile0"/> <button class="btn btn-primary submit" >SUBMIT</button> <img src="images/loading.gif" align="absmiddle" class="loader" id="loader"> </form> 

JS:

 $(function() { $(document).on('submit','form',function(e) { e.preventDefault(); var $form = $(this); var act = 'add'; 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('comment[refID]', $form.find('.refid-field').val()); form_data.append('allowReply', $form.find('.allowReply-field').val()); form_data.append('feel', $form.find('.feel-field').val()); form_data.append('file[]', file_data); $("#loader").show(); // alert(form_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; // avoid to execute the actual submit of the form. }); });