Check if Dropzone is already attached

There are few dropzones on a page and new items are loaded by ajax, so I need to check, if dropzone already attached on that item.

 Dropzone.autoDiscover = false; function initDropzones() { $('.dropzones').each(function () { // how to check dropzone exists on item? // or how to destroy already existed dropzone (so reinitialize after) $(this).dropzone({ url: ... }) }); } someAjaxAdd() { // add new elements and with new one dropzone initDropzones(); } 

Thank you very much

1 Answer

You have to check the dropzone attribute and if it exists you can destroy it:

function initDropzones() { $('.dropzone').each(function () { let dropzoneControl = $(this)[0].dropzone; if (dropzoneControl) { dropzoneControl.destroy(); } }); }