Как сделать multiple отправку файлов?

Question

[Ilya Bobkov]

Привет! Для своей задачи мне требуется multiple отправка изображений на сервер.
Указываю в html:

<input type="file" id="file" title="добавить фото" multiple=""></input>

Отправляю на сервер:

var myFormData = new FormData();
myFormData.append('photos',  $('#file')[0].files[0]);
$.ajax
 ({
    	   url:  "upload.php",
     	   data: myFormData,
	   method: "POST",
	   processData: false,  // tell jQuery not to process the data
           contentType: false,
     	   success: function( data )
     	   {
		alert(data);
     	   }
 });

Проверяю на сервере:
print_r($_FILES);

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

P.S. плагины не предлагать.

Answer 1

[ZLOFENIX]

shpargalkablog.ru/2015/02/multiple-files-php.html
>Атрибут name нужен со скобками [], то есть данные помещаются в массив.

Comments

[Ilya Bobkov]

А на сервер, что передается id или name?

[ZLOFENIX]

PsychoCoder: всегда name, id для скриптов.

[Ilya Bobkov]

ZLOFENIX: Подскажите, а как можно передать массив name через ajax. Просто ничего не нашел по вопросу. Передается только через id.

[ZLOFENIX]

PsychoCoder: ну например так stackoverflow.com/questions/7856980/jquery-input-a...

Answer 2

[g_s_e]

Вы указываете только нулевой элемент в массиве файлов:

myFormData.append('photos',  $('#file')[0].files[0]);

Нужно пройтись циклом по массиву и добавить каждый из элементов, что то в таком духе:

var myFormData = [];
$.map($('#file')[0].files, function(element){
myFormData.push(element);
})

Comments

[Ilya Bobkov]

я понял что один элемент отправляю, просто подумал что там есть встроенная передача массива

Answer 3

[Алексей Уколов]

$('#file')[0].files[0]

Comments

[ZLOFENIX]

Кстати да и это тоже.