jQuery HTML5 Uploader est un plugin jQuery léger qui vous permet d’ajouter rapidement un système d’upload « à-la-Gmail » dans vos applications web.
Il vous suffit de créer un élément de la sélection (c’est à dire un div) et HTML5 jQuery Uploader fera le reste. Ensuite, vous pouvez glisser-déposer un ou plusieurs fichiers sur l’élément et les fichiers seront téléchargés. Il fonctionne également avec plusieurs champs.
La fonction de téléchargement est divisée en deux opérations asynchrones : côté client, le fichier est chargé dans la mémoire du navigateur avec un objet FileReader. Utile si vous voulez, par exemple, pour voir l’aperçu de l’image pendant le chargement d’une image. L’opération côté serveur consiste à envoyer le fichier en post vers votre page de traitement (voir réglages).
Il a été testé et fonctionne sur Firefox et Chrome.
Utilisation :
[pastacode manual= »%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.5.2%2Fjquery.min.js%22%3E%3C%2Fscript%3E%0D%0A%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22js%2Fjquery.html5uploader.min.js%22%3E%3C%2Fscript%3E%0D%0A%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0D%0A%24(function()%20%7B%0D%0A%09%24(%22%23dropbox%2C%20%23multiple%22).html5Uploader(%7B%0D%0A%09%09name%3A%20%22foo%22%2C%0D%0A%09%09postUrl%3A%20%22bar.aspx%22%0D%0A%09%7D)%3B%0D%0A%7D)%3B%0D%0A%3C%2Fscript%3E%0D%0A%3Cdiv%20id%3D%22dropbox%22%3E%3C%2Fdiv%3E%0D%0A%3Cinput%20id%3D%22multiple%22%20type%3D%22file%22%20multiple%3E » provider= »manual » lang= »php »/]
Paramètres :
Paramètres
nom: identifiant du champ upload.
postURL: l’url pour afficher les données du fichier.
onClientAbort: Appelé lorsque l’opération de lecture est interrompue.
onClientError: Appelé lorsqu’une erreur se produit.
onClientLoad: Appelé lorsque l’opération de lecture est terminée avec succès.
onClientLoadEnd: Appelée lorsque la lecture est achevée, qu’elle soit fructueuse ou non. Elle est appelée après soit onload ou onerror.
onClientLoadStart: Appelé lorsque la lecture des données est sur le point de commencer.
onClientProgress: Appelé régulièrement lorsque des données sont lues.
onServerAbort: appeler lorsque l’opération est annulée après.
onServerError: Appelé lorsqu’une erreur se produit.
onServerLoad: appeler lorsque l’opération après avoir achevé avec succès.
onServerLoadStart: Appelé lorsque l’affichage des données est sur le point de commencer.
onServerProgress: Appelé régulièrement tandis que les données sont affichées.
onServerReadyStateChange: Un objet fonction JavaScript qui est appelée à chaque modification de l’attribut readyState. Le rappel est appelé par le thread d’interface utilisateur.
Télécharger jQuery HTML5 Uploader
Broken link, domage…
Broken ? Non, tout fonctionne, le lien de téléchargement fonctionne aussi très bien.