dropzone.jsDémarrer avec dropzone.js


Remarques

dropzone.js est un script léger qui vous permet de fournir aux utilisateurs une interface simple pour télécharger des fichiers sur votre serveur. Notez que dropzone.js nécessite que vous ayez configuré le traitement côté serveur, comme indiqué sur leur site Web officiel . Les fichiers sont téléchargés via AJAX.

Il ne nécessite aucune bibliothèque externe telle que jQuery. dropzone.js a des fonctionnalités telles que les aperçus de vignettes, les barres de progression, la prise en charge du thème et la possibilité de télécharger des fichiers volumineux.

Versions

Version Date de sortie
4.3.0 2016-02-14
4.2.0 2015-10-11
4.1.1 2015-10-11
4.1.0 2015-10-11
4.0.1 2015-02-09
4.0.0 2015-01-25
3.0.0 2013-05-11
2.0.0 2013-03-12
1.0.0 2012-08-13

Bonjour le monde!

Important: Veillez à configurer l'implémentation côté serveur conformément aux instructions fournies ici , sinon les téléchargements ne fonctionneront pas.

Pour commencer, créez un nouveau document HTML. Téléchargez le script conformément à l'exemple "Installation", et incluez-le dans votre balise principale (rappelez-vous de remplacer le chemin exemple par le chemin réel!):

<script src="/path/to/dropzone.js"></script>

Inclure un <form> dans votre <body> :

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

C'est tout! Voici un exemple complet:

<html>
    <head>
        <title>My Awesome Website!</title>
        <script src="/path/to/dropzone.js"></script>
    </head>
    <body>
        <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>
    </body>
</html>
 

Pour une configuration plus compliquée et spécifique, reportez-vous aux documents d'utilisation sur le site officiel.