dropzone.jsErste Schritte mit dropzone.js


Bemerkungen

dropzone.js ist ein leichtes Skript, mit dem Sie Benutzern eine einfache Schnittstelle zum Hochladen von Dateien auf Ihren Server zur Verfügung stellen können. Beachten Sie, dass Sie bei dropzone.js die serverseitige Verarbeitung eingerichtet haben müssen, wie auf der offiziellen Website erwähnt . Die Dateien werden über AJAX hochgeladen.

Es sind keine externen Bibliotheken wie jQuery erforderlich. dropzone.js bietet Funktionen wie Vorschaubilder, Fortschrittsbalken, Unterstützung für das Erstellen von Dateien und die Möglichkeit, große Dateien hochzuladen.

Versionen

Ausführung Veröffentlichungsdatum
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 09.02.2015
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 Welt!

Wichtig: Stellen Sie sicher, dass Sie die serverseitige Implementierung gemäß den Anweisungen hier einrichten . Andernfalls funktionieren Uploads nicht.

Erstellen Sie zunächst ein neues HTML-Dokument. Laden Sie das Skript gemäß dem "Installation" -Beispiel herunter und fügen Sie es wie folgt in Ihrem Head-Tag ein (erinnern Sie sich daran, den Beispielpfad durch den tatsächlichen Pfad zu ersetzen!):

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

Fügen Sie ein <form> in Ihren <body> :

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

Das ist es! Hier ist ein vollständiges Beispiel:

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

Für kompliziertere und spezifischere Einstellungen lesen Sie die Verwendungsdokumente auf der offiziellen Website.