2016-11-30 134 views
0

我正在使用enyo的dropzone.js在網站上創建圖像上傳功能。我想啓動我自己的Dropzone對象並覆蓋previewTemplate和一些事件監聽器等等,但我有點不知所措。創建自定義拖放區

我已經包括dropzone.js和公正如下收盤HTML標記之前的JS文件爲我自己的自定義設置:(時髦的格式是Django的模板標籤)

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

,並在我的wm_dropzone。 JS我已在暫時以下:

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

我也有一個div塊越往上在定義爲HTML如下:

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

     </div> 
    </div> 

這一直給我下面的錯誤在Firebug控制檯:

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

有什麼事我不這樣做很正確嗎? JavaScript世界仍然很奇怪,而且我還沒有探索過,所以我試圖在這裏和那邊戳鼻子,並在這個過程中學習一些東西。

我一直在試圖遵循本教程right here,也是dropzone.js官方的文檔,但我一直停留在這一點上相當長的一段時間:d

回答

1

我不知道,但是從錯誤,我猜你沒有在構造函數中使用'new'關鍵字。

嘗試使用

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

嘛褻瀆!我敢肯定它在那之前......謝謝老兄:) – xtrom0rt