blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

Pour ceux qui souhaitent pouvoir uploader des images sur leur site internet par simple cliquer/glisser (drag drop) voici une petite librairie qui pourra vous plaire.

Vous n’avez qu’a créer une drop zone et la librairie se charge du reste.

exemple:

<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> 

vous pourrez alors envoyer de multiple images et photos sur votre site de manière asynchrone.

évidement pour que le code marche vous devez télécharger jquery et la librairie qui se trouve sur ce site: http://www.igloolab.com/jquery-html5-uploader/

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s