CODEWITHSUNDEEP
javascriptjqueryhtmldropzone.js
Sadikhasan
Sadikhasan

Reputation: 18600

How can fix this “Dropzone already attached” error?

HTML

<div class="dz dz-clickable dz-started">
   <div id="design-image" class="dropzone"></div>
</div>

jQuery

Dropzone.autoDiscover = false;
$("div#design-image").dropzone({url:"myUrl"});

I set up Dropzone.autoDiscover = false; still not working.

Upvotes: 5

Views: 22629

Answers (3)

Peter Chaula
Peter Chaula

Reputation: 3711

You already have a reference to the dropzone by giving your html element a class of "dropzone". No need to create it via jquery. Reference it using:

var myDropzone = Dropzone.forElement("div#design-image");

And your $("div#design-image") selector is in-efficient. Ids are supposed to be unique across your whole dom tree. Use $("#design-image")

Upvotes: 4

jjoselon
jjoselon

Reputation: 2811

in your dropzone.js changes:

  Dropzone.autoDiscover = true;

to:

  Dropzone.autoDiscover = false;

Upvotes: 2

Camille
Camille

Reputation: 2531

You have to put autoDiscover option before $(document).ready, like :

//Dropzone Configuration
Dropzone.autoDiscover = false;

$(document).ready(function(){
  // Manual dropzone init
  $("div#design-image").dropzone({url:"myUrl"});
});`

Upvotes: 23

Related Questions