Check if Dropzone is already attached

Question

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

Lozano

I solve it with try catch, but I will be glad if someone offer better solution – Lozano

You want to know if there is files in your dropzone ? – Trellis

No, I want to know if dropzone is initialized on the element. Sorry for bad formulation – Lozano

Have you seen this init function in the doc ? dropzonejs.com/#config-init – Trellis

Answer 1

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();
        }
    });
}

Derive

you can check like dropzoneControl == undefined – Brandt