首页 > 解决方案 > DropZone 实现不起作用,未捕获类型错误:$(...).dropzone 不是函数

问题描述

我正在尝试创建一个 div,我可以将文件放入其中,并将其保存到我的 Web 服务中。我尝试按照本教程使用 dropzone 进行操作!,但在这部分让我失望了。我正在使用 asp.net 框架。

我试过大写和小写 .dropzone(),并将版本降低到版本 4.0.4

这是我的看法

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>


<div id="dZUpload" class="dropzone">
    <div class="dz-default dz-message">
        Drop image here.
    </div>
</div>
<script type="text/javascript">

    $(document).ready(function () {


        //Simple Dropzonejs
        $("#dZUpload").Dropzone({
            url: "Home/DropzoneFileUpload.cshtml",

            addRemoveLinks: true,
            success: function (file, response) {
                var imgName = response;
                file.previewElement.classList.add("dz-success");
                console.log("Successfully uploaded :" + imgName);
            },
            error: function (file, response) {
                file.previewElement.classList.add("dz-error");
            }
        });
    });
</script>

标签: javascriptjqueryasp.netasp.net-mvcdropzone

解决方案


推荐阅读