Dropzone未定义

Question

我是JavaScript的新手,这让我发疯.

我想使用Dropzone.js,所以我从这里下载了文件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(); }
  }
};

我明白了

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

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

Answer 1

您的代码可能运行得太快.包裹它:

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

或者,更好(比上面的代码早运行):

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

或者,如果您使用jQuery:

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