Comment puis-je utiliser jQuery pour gérer les téléchargements de fichiers avec AJAX ?

Téléchargement de fichiers avec sérialisation jQuery

Lors du téléchargement d'un fichier à l'aide de jQuery, la méthode de sérialisation conventionnelle peut ne pas fonctionner correctement avec les champs de saisie de type " déposer". Pour résoudre ce problème, nous pouvons utiliser l'objet FormData.

FormData fonctionne de manière transparente avec tous les types d'éléments de formulaire, y compris les entrées de fichiers. Il encapsule toutes les données du formulaire, y compris le contenu du fichier, dans un seul objet. Voici comment l'implémenter :

$(document).on("submit", "form", function (event) {
  event.preventDefault();
  $.ajax({
    url: $(this).attr("action"),
    type: $(this).attr("method"),
    dataType: "JSON",
    data: new FormData(this),
    processData: false,
    contentType: false,
    success: function (data, status) {
      // Handle successful response
    },
    error: function (xhr, desc, err) {
      // Handle error
    },
  });
});

Ce code vous permet de soumettre des données de formulaire, y compris des téléchargements de fichiers, à l'aide d'AJAX. L'objet FormData se charge de sérialiser le contenu du fichier pour une transmission correcte.

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!