"Dropzone already attached." error.

[enyo]

When creating the Dropzone programmatically the error "Dropzone already attached" appears.

[enyo]

This is most likely due to the autoDiscover feature of Dropzone.

When Dropzone starts, it scans the whole document, and looks for elements with the dropzone class. It then creates an instance of Dropzone for every element found. If you, later on, create a Dropzone instance yourself, you'll create a second Dropzone which causes this error.

So you can either:

1. Turn off autoDiscover globally like this: Dropzone.autoDiscover = false;, or
2. Turn off autoDiscover of specific elements like this: Dropzone.options.myAwesomeDropzone = false;

You don't have to create an instance of Dropzone programmatically in most situations! It's recommended
to leave autoDiscover enabled, and configure your Dropzone in the init option of your configuration.

[ShinodasCodes]

so what is the matter of checking mechanism on elements which goes to source code of the id if it is given with class:dropzone in the same element? The reference said that if dz encounters with this class it then look for an option if existed then create instance in order to use specific options than default instead.

This is bad because by looking original documents created by the developer than search on stackoverflow instead, such things implies spending hours to figure them out. This page is the last destination of my investigation to confirm that it is a bug. If it is not please amend the part on the doc where it says that it can be configured with JQuery as it should be as it is not possible to configure this class with JQuery to avoid attachment by itself even if autodiscovery is false.

"// The dropzone method is added to jQuery elements and can
// be invoked with an (optional) configuration object.
$("div#myId").dropzone({ url: "/file/post" });"

There is no way to invoke this specific configurations before this class is called by 'dropzone' even autosidcovery is false because in order to use jquery you have to place its source top then you have to place dropzone then you can call specific element with jQuery selector. With this way, autodiscovery has already attached to the element before jQuery.

To use jQuery you have to call the source of dropzone at first then create a native js (not jquery) with your own configurations and tell the class that it should ignore the specific element for the default implementation. After those all you can attach jquery to the element.

I hope I would help to people who have had this matter for a short period of time until reach this page.

Thanks.

[enyo]

Hi @ShinodasCodes yes I agree that it's not ideal. In the next major Dropzone version I will change the behaviour of Dropzone so attaching a Dropzone to an html element must be done more specifically. It's always a balance between making it as frictionless as possible for newcomers, and making sure that people aren't caught off guard by surprising behaviour.

[enyo]

To update everyone: Version 6 of the library will not have this behaviour. I'll be releasing a beta.1 version of it today.