javascript - 拖放区未定义

Question

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

我想使用 Dropzone.js，所以我从 here 下载了文件 dropzone.js并将其包含在我的 View 中，如下所示:

<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(); }
  }
};

我明白了

Uncaught ReferenceError: Dropzone is not defined

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

Answer 1

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

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

或者，更好(比上面的代码运行得更快):

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

或者，如果您使用 jQuery:

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