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

Utilisation de FormData pour les téléchargements de fichiers AJAX asynchrones

Pour exploiter FormData pour les téléchargements de fichiers AJAX, des étapes cruciales sont impliquées.

Préparations

Utiliser d'abord les outils de jQuery Élément de formulaire pour alimenter FormData() pour le traitement :

var form = $('form')[0]; // Use standard JavaScript object
var formData = new FormData(form);

Vous pouvez également sélectionner des données spécifiques pour FormData() :

var formData = new FormData();
formData.append('section', 'general');
formData.append('action', 'previewImg');
formData.append('image', $('input[type=file]')[0].files[0]); // Attach file

Envoi du formulaire

Créez la requête Ajax à l'aide de jQuery :

$.ajax({
    url: 'Your url here',
    data: formData,
    type: 'POST',
    contentType: false, // Essential, do not omit (from jQuery 1.6+)
    processData: false, // Essential, do not omit
    // ... Other options like success, etc.
});

Cette requête soumettra les données comme un formulaire normal avec encodage "multipart/form-data".

Remarque :

• "Type : 'POST'" est obligatoire, car les transmissions de fichiers nécessitent des requêtes POST.
• "contentType: false" est disponible uniquement à partir de jQuery 1.6.

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!