创建自定义放置区

时间:2016-11-30 16:46:21

标签: javascript html dropzone.js

我正在使用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块,其定义如下:

    <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 个答案:

答案 0 :(得分:1)

我不确定,但是从错误中,我猜你没有在构造函数中使用'new'关键字。

尝试使用

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