Uploader avec jQuery HTML5 Uploader

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 :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.html5uploader.min.js"></script>
<script type="text/javascript">
$(function() {
	$("#dropbox, #multiple").html5Uploader({
		name: "foo",
		postUrl: "bar.aspx"
	});
});
</script>
<div id="dropbox"></div>
<input id="multiple" type="file" multiple>

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

2 réponses

Répondre

Se joindre à la discussion ?
Vous êtes libre de contribuer !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.