2016-11-30 68 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