13
JUIN

Droparea - Un plugin jQuery pour uploader des images en HTML5

Publié le 13/06/11 à 09h26 par DJo

Droparea est un plugin jQuery permettant d'uploader des fichiers via HTML5 avec du drag and drop de fichiers.

Droparea est un plugin jQuery permettant d'uploader des fichiers via HTML5 avec du drag and drop de fichiers.

Sans utiliser le moindre plugin flash il est désormais possible d'uploader des fichiers sur un serveur web en n'utilisant que du Javascript et HTML5.

Droparea est un plugin jQuery léger et fonctionnel qui vous permettra de créer des zones de drag and drop de fichiers dédiés à l'upload.

Une fois un fichier déposé, le plugin fait un appel Ajax en passant les bons headers à un fichier PHP livré avec le plugin.

Vous n'aurez alors plus qu'à adapter votre fichier PHP en vous inspirant du fichier fourni pour que les uploads correspondent à vos besoins.

Côté utilisation, vous n'avez qu'à définir une div avec les options en data- puis faire appel au plugin jQuery:

<div class="droparea spot" data-width="460" data-height="345" data-type="jpg" data-crop="true" data-quality="60" data-folder="sample" data-something="stupid"></div>

<script>
$('.droparea').droparea({'post' : '/path/vers/upload.php'});
</script>

Très simple d'utilisation et pratique si vous souhaitez proposer un système d'upload intuitif et sans flash.

Attention toutefois à la compatibilité, notre cher Internet Explorer ne voudra rien savoir du drag and drop et encore moins de l'upload en HTML5 ! Doit-on encore le dire ?

 

Site Officiel

Baraguiné par codegrabber le 14/06/11 à 16h03
codegrabber sur La Ferme du Web
sympa, mais laisser en clair le chemin du script d'upload est selon moi une énorme faille de sécurité...

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