Не отправляются файлы с формы через скрипт AJAX

268

15 декабря 2017, 02:17

Форма.

<input type="hidden" name="fid" id="fid" value="5556" required>
<input id="sortpicture" type="file" multiple name="sortpic[]" />
<button id="upload">Загрузить файл</button>

Мой JS с одним работает нормально, но если выбрать несколько то получаю только один в массиве.

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];
    var form_data = new FormData();
    form_data.append('file', file_data);
    form_data.append('fid', $("#fid").val());
   //alert(form_data);
    $.ajax({
                url: 'upload.php',
                dataType: 'text',
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                type: 'post',
                success: function(php_script_response){
                    alert("OK");
                }
     });
});

Answer 1

var form_data = new FormData();
var files = $('#sortpicture').prop('files');
for (var i = 0; i < files.length; i++) {
  form_data.append('file_' + i, files[i]);
}
form_data.append('count', files.length);
form_data.append('fid', $("#fid").val());

Соответственно, на сервере сначала читаете count, потом в цикле - файлы.