11
MAI

jQuery HTML5 Uploader - Ajouter vos images en ajax facilement

Publié le 11/05/11 à 09h22 par Ouark

jQuery HTML5 Uploader permet d'uploader plusieurs fichiers à la fois de manière asynchrone.

Plugin Upload jQuery

 

jQuery HTML5 Uploader est un plugin jQuery permettant d'ajouter facilement un système d'uploads de fichiers ou images multiples en drag & drop. Il faut juste lui définir l'élement HTML (div, par exemple) qui va servir de zone de drop. Chaque fichier en cours d'upload dispose de sa barre de progression pour évaluer le temps restant avant la fin de l'upload.

Il peut-être également être personnaliser en surchargeant plusieurs méthodes comme permettre la prévisualisation les images pendant leurs phases d'upload.

 

Utilisation du plugin

<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.php"	
	});
});
</script>
<div id="dropbox"></div>
<input id="multiple" type="file" multiple>

Site officiel

Baraguiné par pad le 11/05/11 à 15h12
pad sur La Ferme du Web
Enfin!... et en même temps... Iexplorer... :/
Baraguiné par zizou0105 le 31/05/11 à 13h18
zizou0105 sur La Ferme du Web
Marche pas sous Chrome 11

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web