मैं इसे "ड्रॉपज़ोन पहले से संलग्न" त्रुटि कैसे ठीक कर सकता हूं?

Question

मैं इस नमूने है:

link

मैं इस फार्म बनाने में कामयाब रहे लेकिन दुर्भाग्य से यह क्योंकि मैं त्रुटि मिलती है काम नहीं करता।

Dropzone already attached. 

कोड एचटीएमएल:

<div class="dropzone dz-clickable" id="myDrop"> 
           <div class="dz-default dz-message" data-dz-message=""> 
             <span>Drop files here to upload</span> 
           </div> 
</div> 

कोड जे एस:

Dropzone.autoDiscover = false; 
var myDropzone = new Dropzone("div#myDrop", { url: "/file/post"}); 

// If you use jQuery, you can use the jQuery plugin Dropzone ships with: 
$("div#myDrop").dropzone({ url: "/file/post" }); 

मैं Dropzone.autoDiscover = false; की स्थापना की लेकिन दुर्भाग्य से अभी भी काम नहीं।

क्या आप कृपया मुझे बता सकते हैं कि इस समस्या का कारण क्या है?

Answer 1

आप का उपयोग करना चाहिए या तो

var myDropzone = new Dropzone("div#myDrop", { url: "/file/post"}); 

या

$("div#myDrop").dropzone({ url: "/file/post" }); 

नहीं

दोनों। असल में आप जो कर रहे हैं वह वही बात दो बार बुला रहा है।

Answer 2

यह त्रुटि तब भी हो सकती है जब किसी तत्व के पास पहले से ही dropzone कक्षा हो।

हालांकि अगर इसे हटा दिया गया है तो किसी कारण से ड्रॉपज़ोन शुरू होने के बाद डिफ़ॉल्ट शैली लागू नहीं होगी। मेरा एकमात्र कामकाज उस तत्व के लिए एक कस्टम शैली बनाना है। नीचे दिए गए कोड

Answer 3

परिभाषित विश्व स्तर पर मदद मिलेगी:

Dropzone.autoDiscover = false; 

Answer 4

यह मेरा hackish समाधान नहीं है। यह मूल रूप से जांचता है कि ड्रॉपज़ोन को डोम के रूप में लोड किया गया है, और यदि यह नहीं है, तो यह एक बना देगा।

function dropzoneExists(selector) { 
     var elements = $(selector).find('.dz-default'); 
     return elements.length > 0; 
    } 

    var exists = dropzoneExists('div#photo_dropzone'); 
    if(exists) return; 

    $('div#photo_dropzone').dropzone({ 
     ... 
     ... 
    }); 

अद्यतन: यह पता लगाने की क्यों dropzone दो बार शुरू किया जाता है का सुझाव दिया है। फिक्सिंग यह सही तरीका है, और यह उत्तर केवल तकनीकी रूप से-ऋणपूर्ण वर्कअराउंड है।

Answer 5

नेट पर कई समाधान खोजने और कोशिश करने के बाद, यहां मुझे इस मुद्दे को हल करने के लिए सबसे अच्छे समाधानों में से एक मिला।

एचटीएमएल

<div id="some-dropzone" class="dropzone"></div> 

जावास्क्रिप्ट

Dropzone.options.someDropzone = { 
    url: "/file/post" 
}; 

Answer 6

कभी कभी क्योंकि आप एक ही आईडी dropzone साथ दो बार तत्वों एचटीएमएल है।

<div id="dropzone" class="dropzone"></div> 

<div id="dropzone" class="dropzone"></div> 

Answer 7

मैंने dropzone.js को संपादित करके इस समस्या को ठीक किया। बस ड्रॉपज़ोन पर जाएं।जे एस और की जगह

if (this.element.dropzone) { 
    throw new Error("Dropzone already attached."); 
    } 

if (this.element.dropzone) { 
    return this.element.dropzone; 
} 

के साथ इस समाधान मूल रूप Haskaalo से पाया जाता है GitHub पर तैनात