Dropzone js 错误“未捕获的类型错误：$(...).dropzone 不是函数”答案

【问题标题】：Dropzone js error "Uncaught TypeError: $(...).dropzone is not a function"Dropzone js 错误“未捕获的类型错误：$(...).dropzone 不是函数”
【发布时间】：2018-01-29 16:53:31
【问题描述】：

我在尝试在同一个表单上添加带有其他输入字段的 dropzone 时遇到了麻烦，但最终我设法完成了它。我目前遇到的问题是 dropzone 字段在单击或拖动时没有响应，并在我的控制台中收到此错误“Uncaught TypeError: $(...).dropzone is not a function”。以下是我的代码：

    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/basic.min.css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>


    {!! Form::open([ 'action'=>'MainController@uploadCar', 'files' => true, 'enctype' => 'multipart/form-data']) !!}

    <div class="dropzone dropzone-previews" id="my-awesome-dropzone"></div>

     <div class="col-md-6">
     <label class="required">Location</label>
     <input type="text" class="full-col" name="location">
     </div>

     {!! Form::close() !!}

     <script type="text/javascript">

     Dropzone.autoDiscover = false;
     jQuery(document).ready(function() {

      $("div#my-awesome-dropzone").dropzone({
        url: "/uploadcar"
      });

     });


     </script>

我们将不胜感激

【问题讨论】：

检查this
Durga 我已经浏览了您提供的链接，但仍然无法解决我的问题

标签： javascript php jquery laravel-5

【解决方案1】：

聚会有点晚了……希望能帮助别人。来自Dropzone.js... 尝试使用：

// Dropzone class:
var myDropzone = new Dropzone("div#my-awesome-dropzone", { url: "/uploadcar"});

代替：

$("div#my-awesome-dropzone").dropzone({
    url: "/uploadcar"
});

我遇到了同样的问题（在不同的情况下），它对我有用

【讨论】：

【解决方案2】：

查看下面给定地址上的相关 javascript 文件时，我看到名称为“dropzone”的函数以大写字母开头：

https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js

所以，首先要确保函数的使用没有版本问题。然后，尝试使用大写的相关函数，如下所示：

jQuery(document).ready(function() {
    $("div#my-awesome-dropzone").Dropzone({
        url: "/uploadcar"
    });
 });

希望这会有所帮助...

【讨论】：

【解决方案3】：

在包含后尝试调用 Dropzone 并将其放入准备好的 jquery 文档中

$(document).ready(function() {
      $("div").click(function() {
       // call dropzone here
      });
    });

【讨论】：

"在包含后尝试调用 Dropzone" — 他们是
“把它放在 jquery 文档中准备好”——这无济于事。尝试使用它的脚本已经出现在加载dropzone 函数的脚本之后。