JS: Jak wysłać wiele plików za pomocą FormData (jQuery Ajax)
W mojej formie jest wiele przesyłanych plików, używającFormData
tylko jeden plik jest przesyłany, chociaż wybieram więcej niż jeden plik do przesłania, poniżej znajduje się kod
HTML
<form name="uploadImages" method="post" enctype="multipart/form-data">
<input type="file" name="photo[]" value="">
<input type="file" name="photo[]" value="">
<input type="file" name="photo[]" value="">
</form>
JS
var ajaxData = new FormData();
ajaxData.append( 'action','uploadImages');
jQuery.each($("input[name^='photo']")[0].files, function(i, file) {
ajaxData.append('photo['+i+']', file);
});
$.ajax({
url: URL,
data: ajaxData,
cache: false,
contentType: false,
processData: false,
type: 'POST',
dataType:'json',
success: function(data) {
if (data.status == 'success') {
location.reload();
}
}
});
używamPHP
na serwerze, używającHTML attribute name
to znaczyphoto
tylko jestem w stanie zapisywać pliki, dynamiczne nazwy plików nie będą dla mnie działać.