dropzone.jsAan de slag met dropzone.js


Opmerkingen

dropzone.js is een lichtgewicht script waarmee je gebruikers een eenvoudige interface kunt bieden om bestanden naar je server te uploaden. Merk op dat dropzone.js vereist dat je server side processing hebt ingesteld, zoals vermeld op hun officiële website . De bestanden worden geüpload via AJAX.

Het vereist geen externe bibliotheken zoals jQuery. dropzone.js heeft functies zoals miniatuurvoorbeelden, voortgangsbalken, thematische ondersteuning en de mogelijkheid om grote bestanden te uploaden.

versies

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

Hallo Wereld!

Belangrijk: zorg ervoor dat u de server-side implementatie instelt volgens de instructies hier , anders zullen uploads niet werken.

Maak een nieuw HTML-document om te beginnen. Download het script volgens het "Installatie" -voorbeeld en neem het zo op in uw head-tag (vergeet niet het voorbeeldpad te vervangen door het echte pad!):

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

Neem een <form> in uw <body> :

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

Dat is het! Hier is een compleet voorbeeld:

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

Raadpleeg de gebruiksdocumenten op de officiële website voor meer gecompliceerde en specifieke instellingen.