Javascript Girl
  1. Javascript Girl
  3. JS: Comment envoyer plusieurs fichiers à l'aide de FormData (jQuery Ajax)
Intereting Posts
Soulignant: sortBy () basé sur plusieurs attributs Javascript "use strict" et Nick's Find Global Function JS lance avant CSS Uncaught TypeError: Propriété … n'est pas une fonction – après la chargement de la page Passer un javascript array à la variable php sur le même fichier PHP Une petite implémentation javascript? Afficher le numéro de la diapositive orbit.js foundation 6 zurb La limite journalière de l'API Google Drive pour l'utilisation non authentifiée a dépassé Utilisation de jquery dattable jeditable sans URL de champ obligatoire RegisterStartupScript et ordre d'exécution Données POST au format JSON Pourquoi jQuery ne peut-il pas attacher un gestionnaire de souris sur un objet Flash? Changement de tableau aléatoire en 2 secondes Validation de formulaire avec Javascript en utilisant window.onload Les fermetures de Javascript et les effets secondaires en anglais simple? (séparément)

JS: Comment envoyer plusieurs fichiers à l'aide de FormData (jQuery Ajax)

Dans ma forme, plusieurs fichiers sont disponibles, à l'aide de FormData un seul fichier est téléchargé, même si je sélectionne plus d'un fichier à télécharger, voici le code

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

J'utilise PHP au serveur, en utilisant le HTML attribute name i, e photo seulement je peux enregistrer des fichiers, les noms de fichiers dynamiques ne fonctionneront pas pour moi.

Vous avez une erreur dans javascript: vous n'êtes plus sur les fichiers en une seule entrée, regardez ceci 

 var ajaxData = new FormData(); ajaxData.append( 'action','uploadImages'); $.each($("input[type=file]"), function(i, obj) { $.each(obj.files,function(j, file){ ajaxData.append('photo['+j+']', file); }) });

Exemple sur jsfiddle

Ces réponses ne fonctionnent pas. 

 var ajaxData = new FormData(); ajaxData.append( 'action','uploadImages'); $.each($("input[type=file]"), function(i, obj) { $.each(obj.files,function(j,file){ ajaxData.append('photo['+j+']', file);//i had to change "i" by "j" }) });