创建自定义拖放区答案

【问题标题】：Creating a custom dropzone创建自定义拖放区
【发布时间】：2016-11-30 16:46:20
【问题描述】：

我正在使用 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

【问题讨论】：

【解决方案1】：

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

尝试使用

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

【讨论】：