Cet article présente principalement l'utilisation du contrôle de téléchargement de fichiers jQuery Uploadify. L'auteur original a fait des remarques très détaillées. Les amis dans le besoin peuvent s'y référer.
Contrôle de téléchargement de fichiers basé sur jquery, prend en charge le téléchargement ajax sans actualisation, télécharge plusieurs fichiers en même temps, affiche la progression du téléchargement et supprime les fichiers téléchargés.
Nécessite jquery 1.4 ou supérieur, Flash Player 9.0.24 ou supérieur.
Il existe deux versions, une utilisant Flash et une utilisant HTML5. HTML5 est payant ~ nous ne parlons donc ici que de l'utilisation de la version flash.
Site officiel : http://www.uploadify.com/
Capture d'écran du contrôle :
Utilisation :
Référencez d'abord le fichier suivant
1 2 3 |
|
Créez un fichier input, ou tout autre élément avec un ID, et initialisez Uploadify pour celui-ci (notez que le fichier uploadify.swf doit être dans le répertoire et le fichier d'arrière-plan uploadify.php, le chemin est conforme à la structure des répertoires du projet)
1 2 3 4 5 6 7 8 9 10 |
|
De cette façon, une structure de téléchargement la plus basique est complétée. Le principe de base est de modifier le fichier d'entrée que vous avez créé pour générer une structure DOM, de créer un bouton p, de modifier le style du bouton dans .uploadify-button dans le fichier uploadify.css et de positionner le fichier swf au-dessus du bouton, de sorte que lorsque vous cliquez sur le bouton, en fait Le clic est swf
Options :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
|
Événement :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 |
|
Méthode :
Uploadify utilise le mode plug-in recommandé par jquery, ce qui signifie que tous les appels de méthode sont conservés dans un espace de noms. Pour appeler ces différentes méthodes, il vous suffit de passer la méthode comme premier paramètre dans uploadify et de l'appeler. L'ajout de paramètres après que ces méthodes seront passés dans cette méthode (la traduction de ces deux phrases n'est pas très fluide, le texte original est joint : Pour utiliser les différents appels de méthode, il suffit d'appeler Uploadify sur l'élément DOM avec l'appel de méthode en premier argument.Tous les arguments supplémentaires ajoutés après le nom de la méthode sont transmis à la méthode.)
cancel : Annule le premier fichier téléchargé s'il est suivi du paramètre "*", cela annulera toute la file d'attente de téléchargement, tel que $(el) .uploadify('cancel', '*')
upload : Téléchargez le premier fichier téléchargé si le paramètre "*" est suivi, toute la file d'attente sera téléchargée, de la même manière. annuler
destroy : supprimez le composant de téléchargement et téléchargez selon la méthode HTML par défaut.
disable : il y a deux paramètres, vrai ou faux, indiquant s'il faut désactiver le bouton de téléchargement, true signifie interdit , false signifie que le téléchargement est autorisé
paramètres : renvoie ou met à jour la valeur de la méthode d'une instance lorsqu'un paramètre avec un nom de méthode est accepté, la valeur de cette méthode est renvoyée lorsqu'elle est suivie d'un paramètre, la valeur. de cette méthode est mise à jour. Tels que
1 2 |
|
stop : arrêter le téléchargement du fichier ou de la file d'attente
Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe. , veuillez faire attention au réseau chinois PHP !
Recommandations associées :
À propos de l'analyse des formulaires AngularJs
À propos de l'échec du chargement des images dans jQuery
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!