Jquery 未捕获错误：Dropzone已连接

使用asp.net中的Dropzone插件在多个页面中进行上载，我尝试将脚本放入usercontrol以便多次使用它，但我得到以下错误：未捕获错误：Dropzone已附加。 我做了很多搜索，发现一些解决方案并没有解决我的问题，比如添加Dropzone.autoDiscover=false；或Dropzone.options.myAwesomeDropzone=false； 以下是usercontrol中包含的脚本：

<script type="text/javascript">

$(document).ready(function () {
    var currentDropzoneContent = '#<%=DropContent.ClientID %>';
    var currentDropzone = 'div#<%=dropzonefile2.ClientID %>';
    var dzMessage = $(currentDropzone).children('.dz-message');
    // Dropzone
    $(currentDropzone).dropzone({
        url: "/AdminAjax/FileManager/UploadFile",
        clickable: false,
        createImageThumbnails: true,
        acceptedFiles: "image/*",
        maxFiles: 1,
        accept: function (file, done) {
            done();
        },
        init: function () {
            // drop
            this.on("sending", function (file, xhr, data) {
                var folderValue = $(currentDropzoneContent + " .typeDrop input:checked").val();
                data.append("folderName", folderValue);
            });

            this.on("drop", function (e) {
                dzMessage.text('Drag image here');
            });
            this.on("dragleave", function () {
                dzMessage.text('Drag image here');
            });
            this.on("dragover", function () {
                dzMessage.text('Drop image here');
            });
            // complete
            this.on("complete", function (file) {

            });
            // canceled
            this.on("canceled", function () {
            });
            // success
            this.on("success", function (file, response) {

                this.removeFile(file);
                if ($.trim(response) != "") {
                    var imagePreview = '<%= ImagePreview %>';
                    var imageField = '<%= ImageField %>';
                    $('img#' + imagePreview).attr("src", response + '.ashx?bgcolor=E5E5E5&height=120&width=120');
                    $('#' + imageField).val(response);
                }

            });
            this.on('addedfile', function (file) {

            });

            // error
            this.on("error", function (file, response) {
                this.removeFile(file);
            });
        }
   });
});

$（文档）.ready（函数（）{
var currentDropzoneContent='#'；
var currentDropzone='div#'；
var dzMessage=$（currentDropzone）.children（'.dz message'）；
//下降区
$（currentDropzone）.dropzone({
url:“/AdminAjax/FileManager/UploadFile”，
可点击：false，
createImageThumbnails:true，
acceptedFiles:“image/*”，
maxFiles:1，
接受：函数（文件，完成）{
完成（）；
},
init：函数（）{
//下降
此.on（“发送”，函数（文件、xhr、数据）{
var folderValue=$（currentDropzoneContent+”。typeDrop输入：选中“）.val（）；
data.append（“folderName”，folderValue）；
});
这一点。关于（“下降”，函数（e）{
text（'Drag image here'）；
});
this.on（“dragleave”，函数（）{
text（'Drag image here'）；
});
this.on（“dragover”，函数（）{
text（'Drop image here'）；
});
//完整的
此.on（“完成”，函数（文件）{
});
//取消
此.on（“已取消”，函数（）{
});
//成功
此.on（“成功”，函数（文件，响应）{
此.removeFile（文件）；
如果（$.trim（响应）！=“”）{
var imagePreview=''；
var imageField=''；
$（'img#'+imagePreview）.attr（“src”，response+'.ashx？bgcolor=e5e5&height=120&width=120”）；
$（'#'+imageField）.val（响应）；
}
});
this.on（'addedfile'，函数（文件）{
});
//错误
此.on（“错误”，函数（文件，响应）{
此.removeFile（文件）；
});
}
});
});

这是我用来上传文件的div的html代码

<div class="mws-form">
    <div class="mws-form-block">
        <div class="mws-form-row">
             <div class="mws-form-item">
                <div id="DropContent" runat="server" class="mws-ui-button- radio">
                    <asp:RadioButton ID="Categories" CssClass="typeDrop" GroupName="typeDrop" runat="server"
                        Text="Categories" />
                    <asp:RadioButton ID="Products" CssClass="typeDrop"  GroupName="typeDrop" runat="server"
                        Text="Products" />
                    <asp:RadioButton ID="Banners" CssClass="typeDrop"     GroupName="typeDrop"  runat="server"
                        Text="Banners" />
                    <asp:RadioButton ID="Manufacturers" CssClass="typeDrop" GroupName="typeDrop"  runat="server"
                        Text="Manufacturers" />
                </div>
            </div>
        </div>
    </div>
</div>
<div ID="dropzonefile2" class="dropzonefile1 dropzone1 needsclick1 dz- clickable1 fade well" runat="server">
    <div class="dz-message needsclick custText" >
        Drag image here</div>
</div>

将图像拖到这里

---

谢谢大家!

您必须将自动发现选项置于$（文档）之前。准备就绪，如：

//Dropzone Configuration
Dropzone.autoDiscover = false;

$(document).ready(function(){

  // Pre init code
  var currentDropzoneContent = '#<%=DropContent.ClientID %>';
  var currentDropzone = 'div#<%=dropzonefile2.ClientID %>';
  var dzMessage = $(currentDropzone).children('.dz-message');

  // Dropzone manual init
  $(currentDropzone).dropzone({
     url: "/AdminAjax/FileManager/UploadFile",
     clickable: false,
     ...
  });
});`

//Dropzone配置
Dropzone.autoDiscover=false；
$（文档）.ready（函数（）{
//初始化前代码
var currentDropzoneContent='#'；
var currentDropzone='div#'；
var dzMessage=$（currentDropzone）.children（'.dz message'）；
//Dropzone手动初始化
$（currentDropzone）.dropzone({
url:“/AdminAjax/FileManager/UploadFile”，
可点击：false，
...
});
});`