Maison > interface Web > js tutoriel > le corps du texte

Une analyse approfondie d'AjaxFileUpload pour implémenter la bibliothèque de téléchargement de fichiers Ajax pour un seul fichier

韦小宝
Libérer: 2018-01-10 09:55:38
original
1595 Les gens l'ont consulté

jQuery.AjaxFileUpload.js est un plug-in jQuery permettant de télécharger des fichiers via ajax. Cet article présente AjaxFileUpload pour implémenter la bibliothèque de téléchargement de fichiers Ajax pour un seul fichier. Les amis qui sont intéressés par cela devraient apprendre ensemble

jQuery.AjaxFileUpload.js est un plug-in jQuery pour passer. ajax Télécharger des fichiers.

Syntaxe :

$.ajaxFileUpload([options])
Copier après la connexion

description du paramètre options :

1. url Adresse du gestionnaire de téléchargement.  

2, fileElementId    L'ID du champ de fichier qui doit être téléchargé, c'est-à-dire l'ID de .

3, secureuri Que ce soit pour activer la soumission sécurisée , la valeur par défaut est false.

4, dataType   type de données renvoyé par le serveur. Peut être XML, script, json, html. Si vous ne le remplissez pas, jQuery le déterminera automatiquement.

5, réussite Fonction de traitement qui est automatiquement exécutée après une soumission réussie. Les données de paramètre sont les données renvoyées par le serveur.

6, erreur La fonction de traitement qui est automatiquement exécutée si la soumission échoue.

7, données Paramètres personnalisés. Cette chose est plus utile lorsqu'il y a des données liées à l'image téléchargée, cette chose sera utilisée.

8, tapez Lorsque vous souhaitez soumettre des paramètres personnalisés, ce paramètre doit être défini sur post

Caractéristiques :

Cela ne dépend pas d'un HTML spécifique, donnez-lui simplement un " < INPUTTYPE= "file" >

Cela ne nécessite pas que votre serveur réponde d'une manière spécifique

OK Utiliser de gros lots de fichiers

Exemple de code :

-- Use as little as --
$(&#39;#one-specific-file&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;
});
-- or as much as --
$(&#39;input[type="file"]&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;,
&#39;params&#39;: {
&#39;extra&#39;: &#39;info&#39;
},
&#39;onComplete&#39;: function(response) {
console.log(&#39;custom handler for file:&#39;);
alert(JSON.stringify(response));
},
&#39;onStart&#39;: function() {
if(weWantedTo) return false; // cancels upload
},
&#39;onCancel&#39;: function() {
console.log(&#39;no file selected&#39;);
}
});
Copier après la connexion


À propos d'AjaxFileUpload pour implémenter la bibliothèque de téléchargement de fichiers Ajax pour un seul fichier Permettez-moi de le présenter à tout le monde ici, j'espère qu'il sera utile à tout le monde

Recommandations associées :

Explication détaillée de la demande Ajax et des cas de coopération de filtre

Solution rapide ajax : le paramètre est trop long et ne peut pas être soumis avec succès. Comment le résoudre

La page du formulaire de soumission Ajax sera toujours actualisée. 🎜>

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal