创建自定义放置区

Question

我正在使用 enyo 的 dropzone.js 在我正在创建的网站上实现图片上传功能。我想初始化自己的Dropzone对象，重写previewTemplate和一些事件监听器等等，但是有点不知所措。

我在结束 HTML 正文标记之前包含了 dropzone.js 和我自己自定义的 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/",
});

我在 HTML 中还有一个 div 块，定义如下：

    <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

Answer 1

我不确定，但从错误来看，我猜你没有为构造函数使用 'new' 关键字。

尝试使用

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

Creating a custom dropzone