多个dropzone实例的问题

时间:2015-01-27 19:18:44

标签: dropzone.js

我尝试插入两个dropzones(http://www.dropzonejs.com/),但我总是得到" Uncaught Error:Dropzone已经附加。"

这是我的代码。任何人都可以帮助我。

$(document).ready(function () {
    Dropzone.autoDiscover = false;
    $("#DropzoneTarget_1").dropzone({url: "...."});
    $("#DropzoneTarget_2").dropzone({url: "...."});
});

Thanx和greeds

3 个答案:

答案 0 :(得分:2)

如果多次运行相同的代码,我遇到了同样的问题。 通过销毁Dropzone对象实例来防止此错误,因此一次只存在1个实例。

if (myDropzone1 != undefined) {
    Dropzone.forElement("#DropzoneTarget_1").destroy();
}

var myDropzone1 = $("#DropzoneTarget_1").dropzone({url: "...."});

答案 1 :(得分:1)

也许你在'DropzoneTarget_1'和'#DropzoneTarget_2'上有'dropzone'课程。删除它,您的代码将起作用。

如果您需要默认样式,只需使用

配置您的dropzones
Dropzone.options.dropzoneTarget1 = {/*option:value*/}
Dropzone.options.dropzoneTarget2 = {/*option:value*/}

答案 2 :(得分:0)

删除“dropzone”类没有用,但这解决了我的问题

$(document).ready(function () {
    Dropzone.autoDiscover = false;
    $(".dropzone").each(function () {
        new Dropzone($(this).get(0), {url: "...."});
    });
  });

感谢您的帮助。