carga más de 1 imagen con ajax

Escribí un script que permite a los usuarios enviar texto de comentarios con imagen, y lo hice con ajax.

sí – carga la imagen con ajax.

Me gustaría expandir este escrutinio y permitir a los usuarios subir más de un archivo / imagen. mi código no admite eso (el lado del servidor solo obtiene 1 archivo). ¿Me pueden ayudar a solucionarlo para poder cargar una matriz de archivos?

HTML:

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. }); });