Maison > interface Web > js tutoriel > Comment effectuer des téléchargements de fichiers jQuery Ajax sans plugins ?

Comment effectuer des téléchargements de fichiers jQuery Ajax sans plugins ?

Linda Hamilton
Libérer: 2024-12-24 17:05:17
original
501 Les gens l'ont consulté

How to Perform jQuery Ajax File Uploads Without Plugins?

Téléchargement de fichiers Ajax jQuery sans utiliser de plugin

Le téléchargement de fichiers à l'aide d'AJAX de jQuery nécessite l'utilisation de XHR2, pris en charge par les navigateurs modernes. Si vous souhaitez effectuer un téléchargement de fichiers en utilisant AJAX sans plugin, vous devez utiliser l'objet FormData.

Code :

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});
Copier après la connexion

Remarques : L'objet

  • FormData peut également contenir d'autres données, telles que la saisie de texte field.
  • Les options contentType et processData sont définies sur false pour empêcher jQuery de convertir automatiquement les données dans le cadre de la requête AJAX.
  • Vous devez inclure le nom du fichier dans l'objet formData en utilisant le nom attribut de l'élément d'entrée de fichier.
  • Le téléchargement de fichiers AJAX peut ne pas être pris en charge par tous les navigateurs. Vérifiez la compatibilité du navigateur.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal