Проблемы с несколькими экземплярами dropzone

Question

Я пытаюсь вставить две dropzones (http://www.dropzonejs.com/), но я всегда получаю сообщение «Uncaught Error: Dropzone уже прикреплен».

Вот мой код. Кто-нибудь может мне помочь.

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

Thanx и жадностью

Answer 1

Может быть, у вас есть класс 'Dropzone' на ваш '# DropzoneTarget_1' и '# DropzoneTarget_2'. Удалите его, и ваш код будет работать.

Если вам нужно по умолчанию стилей просто конфиг ваших DropZones с

Dropzone.options.dropzoneTarget1 = {/*option:value*/} 
Dropzone.options.dropzoneTarget2 = {/*option:value*/} 

Answer 2

Remove "Dropzone" класс didn't работой, но это решается моя проблема

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

Спасибо за вашу помощь.

Answer 3

У меня возникла такая же проблема, если вы выполняете один и тот же код несколько раз. Предотвратите эту ошибку, уничтожив экземпляр объекта Dropzone, так что за один раз существует только один экземпляр.

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

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