FileUpload implémente le téléchargement d'un seul fichier

Cette fois, je vais vous présenter FileUpload pour mettre en œuvre un seul téléchargement de fichier Voici un cas pratique, prenons. un regard. jQuery.AjaxFileUpload.js est un plug-in jQuery permettant de télécharger des fichiers via ajax.

Syntaxe :

$.ajaxFileUpload([options])

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, le succès est une 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　　　 Fonction de gestion qui est automatiquement exécutée en cas d'échec de la soumission.

7, données Paramètres personnalisés. Cette chose est plus utile. Elle est utilisée lorsqu'il existe des données liées à la

image

téléchargée.

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

Caractéristiques fonctionnelles :

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

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

Peut travailler sur de gros lots Opération de fichier

Exemple de code :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

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

Lecture recommandée :

Affichage de la barre de progression du téléchargement de fichiers HTML5+Ajax (explication graphique et textuelle détaillée)

js pour implémenter la pagination ajax (Image et texte détaillés)

AJAX réalise la pagination des données sans rafraîchir

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!