Javascript 未定义Dropzone

我对JavaScript非常陌生，这让我发疯

我想使用Dropzone.js，所以我从下载了Dropzone.js文件，并将其包含在我的视图中，如下所示：

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

我明白了

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

---

感谢您的帮助，您的代码可能运行得太快了。把它包起来：

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

或者，更好（比上述代码运行更快）：

或者，如果使用

jQuery

：

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

遵循以下步骤：

您的HTML文件：

<form action="your url" class="dropzone" id="dropzone-form">
</form>

---

我已经在我的项目中使用dropzone好几年了，没有使用$（function（）{}）；但是今天我遇到了这个错误和$（function（）{}）；一点帮助都没有。。我想知道为什么？可能有很多原因。检查（1）

标记的顺序，（2）它们是否使用

async

和/或

defer

属性，（3）内联脚本的位置，（4）使用

窗口时是否工作。onload

。如果你不能让它工作，我建议问一个新问题，提供所有必要的细节，以便重现问题。只有

文档。addEventListener（“DOMContentLoaded”，function（）

对我有效，否则它说Dropzone已经附加

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

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

<form action="your url" class="dropzone" id="dropzone-form">
</form>

window.onload = function() {
    // dropzoneFormis the configuration for the element that has an id attribute
    // with the value dropzone-form (or dropzoneForm)
    //initialize the dropzone;
    Dropzone.options.dropzoneForm = {
            autoProcessQueue: 'your value',
            acceptedFiles: 'your value',
            maxFilesize: 'your value',
            ....and so on.
            init: function() {
               myDropzone = this;

               this.on('addedfile', function(file) {
                   //todo...something...
               }
               //catch other events here...
            }
    };
};