javascript - 创建自定义拖放区

Question

我正在使用 enyo 的 dropzone.js 在我正在创建的网站上实现图像上传功能。我想启动自己的Dropzone对象并覆盖previewTemplate和一些事件监听器等等，但我有点不知所措。

我在结束 HTML body 标记之前包含了 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 block ，定义如下:

    <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/",
});