JS: Cómo enviar múltiples archivos usando FormData (jQuery Ajax)
En mi formulario hay múltiples archivos subidos, usandoFormData
solo se está cargando un archivo, aunque estoy seleccionando más de un archivo para cargar, a continuación se muestra el código
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();
}
}
});
Estoy usandoPHP
en el servidor, usandoHTML attribute name
es decirphoto
solo puedo guardar archivos, los nombres de archivos dinámicos no funcionarán para mí.