未捕获的TypeError：$（...）。dropzone不是函数

Question

我在asp.net MVC 5项目中将Dropzone版本4.3与jQuery版本3.3.1结合使用。

这是我的观点。 （Index.cshtml）

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js" type="text/javascript"></script>
<script type="text/javascript">
    Dropzone.autoDiscover = false;
    $(function () {
        $("#dZUpload").dropzone({ url: "/Home/Index" });
    });
</script>

<div>
   <div id='dZUpload' class='dropzone'></div>
</div>

但是，当我运行该项目时，dropzone无法按预期工作。它在浏览器控制台中返回以下错误。

我遵循了此SO question中提到的以下修复程序。

• 将$("#dZUpload").dropzone({ url: "/Home/Index" });移动到window.onload。
• 将dropzone重命名为Dropzone

不幸的是，这些都不起作用。

Answer 1

将您的代码放入document.ready块中：

Dropzone.autoDiscover = false;
$(document).ready(function(){
    $(function () {
        $("#dZUpload").dropzone({ url: "/Home/Index" });
    });
})