未定义拖放区

我对 JavaScript 还很陌生，这让我发疯。

我想使用 Dropzone.js，因此我从以下位置下载了文件 dropzone.jshere https://raw.githubusercontent.com/enyo/dropzone/master/dist/dropzone.js并将其包含在我的视图中，如下所示：

<script src="<?php echo JS_DIRECTORY; ?>/dropzone.js"></script>

然后我创建了这样的表格：

<form action="http://localhost/project/uploadTest/upload" class="dropzone">
</form>

而且效果很好。它指向 php 函数，我处理服务器站点上的上传。

问题是当我想访问 JS 中的 dropzone 对象来配置它时。 当我做

// "myAwesomeDropzone" is the camelized version of the HTML element's ID
Dropzone.options.myAwesomeDropzone = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: function(file, done) {
    if (file.name == "justinbieber.jpg") {
      done("Naha, you don't.");
    }
    else { done(); }
  }
};

I get

未捕获的引用错误：未定义 Dropzone

任何帮助将不胜感激，谢谢

您的代码可能运行得太快。将其包裹在：

window.onload = function() {
    // access Dropzone here
};

或者，更好（比上面的代码运行得更快）：

document.addEventListener("DOMContentLoaded", function() {
    // access Dropzone here
});

或者，如果您使用jQuery:

$(function() {
    // access Dropzone here
});