31
JAN

Dropzone.js - Un uploader de fichiers avec une preview des images

Publié le 31/01/14 à 09h48 par Ouark

Dropzone.js est un uploader de fichiers en drag & drop avec une prévisualtion des images.

dropzone.js - Uploader de fichiers drag & drop avec prévisualisation des images

Ne necessitant pas de librairie js pour fonctionner, cette librairie d'upload vous permettra d'ajouter un fonctionnement de drag & drop pour envoyer vos fichiers et suivre la progression d'envois de ces derniers. Il vous sera possible de les annuler avant la soumission du formulaire et de mettre en place un fallback même sans javascript. Il propose également la gestion de queues d'uploads.

Coté code, rien de bien compliqué :

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form> 

Par défaut, tout élément qui contient la classe 'dropzone' sera instancié. Il est bien sûr possible de le déclarer en JS :

// Dropzone class:
var myDropzone = new Dropzone("#my-awesome-dropzone", { url: "/file-upload"});

// jQuery
$("#my-awesome-dropzone").dropzone({ url: "/file-upload" });

 

Site officiel

Personne n'a baraguiné de chtite phrase pour le moment !


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