Erstellen einer benutzerdefinierten Dropzone

Question

Ich verwende enyos Dropzone.js für das Hochladen von Bildern auf einer Website, die ich gerade erstelle. Ich möchte mein eigenes Dropzone-Objekt initiieren und das previewTemplate und einige der Event-Listener usw. überschreiben, aber ich bin ein bisschen ratlos.

Ich habe dropzone.js und die js-Datei für meine eigenen Anpassungen kurz vor dem Schließen HTML-Body-Tag enthalten wie folgt: (das flippige Format ist Django Template-Tags)

<script src="{% static 'js/dropzone.js' %}"></script> 
<script src="{% static 'js/wm_dropzone.js' %}"></script> 

und in meinem wm_dropzone. die folgenden einstweilen js ich habe:

var wm_dropzone; 
wm_dropzone = Dropzone(document.getElementById("wm_dropzone"), { 
    url: "upload/", 
}); 

ich habe auch ein div Block weiter oben im HTML wie folgt definiert:

<div class="row"> 
     <div class="col-xs-12" id="wm_dropzone"> 

     </div> 
    </div> 

Das hält mir die folgenden Fehler in Firebug-Konsole geben:

TypeError: this.defaultOptions is undefined 
dropzone.js (line 424, col 7) 

Gibt es etwas, das ich hier nicht ganz gerade? Die JavaScript-Welt ist für mich immer noch ziemlich seltsam und unerforscht, also versuche ich, hier und da meine Nase zu stoßen und dabei etwas zu lernen.

Ich habe versucht, dieses Tutorial right here zu folgen und auch die dropzone.js offizielle Dokumentation, aber ich habe an dieser Stelle schon seit geraumer Zeit stecken geblieben: D

Answer 1

Ich bin nicht sicher, aber von der Fehler, ich vermute, dass Sie nicht das Schlüsselwort "new" für einen Konstruktor verwenden.

Versuchen

var wm_dropzone = new Dropzone(document.getElementById("wm_dropzone"), { 
    url: "upload/", 
});