Comment envoyer des données de fichier et de chaîne avec FormData() et jQuery AJAX ?

Publication de données de fichier et de chaîne avec FormData() et jQuery AJAX

Il est souvent nécessaire d'envoyer à la fois des données de fichier et de chaîne d'entrée via Requêtes AJAX. Pour y parvenir à l'aide de FormData(), suivez ces étapes :

1. Créez un objet FormData :

   <code class="js">var fd = new FormData();</code>

2. Ajouter des données de fichier :
   a. Pour un seul fichier :

   <code class="js">fd.append("file", file_data);</code>

   b. Pour plusieurs fichiers :

   <code class="js">var file_data = $('input[type="file"]')[0].files; // for multiple files
   for(var i = 0;i<file_data.length;i++){
       fd.append("file_"+i, file_data[i]);
   }</code>

3. Ajouter des données de chaîne :

   <code class="js">var other_data = $('form').serializeArray();
   $.each(other_data,function(key,input){
       fd.append(input.name,input.value);
   });</code>

4. Envoyer des données avec AJAX :

   <code class="js">$.ajax({
       url: 'url',
       data: fd,
       contentType: false,
       processData: false,
       type: 'POST',
       success: function(data){
           alert(data);
       }
   });</code>

En suivant ces étapes, vous pouvez envoyer à la fois des données de fichier et de chaîne d'entrée dans le même objet FormData et la même requête AJAX.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!