我正在使用 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
最佳答案
我不确定,但从错误来看,我猜您没有在构造函数中使用“new”关键字。
尝试使用
var wm_dropzone = new Dropzone(document.getElementById("wm_dropzone"), {
url: "upload/",
});
关于javascript - 创建自定义拖放区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40893770/