jQuery HTML5 Uploader - Ajouter vos images en ajax facilement

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

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