Dropzone JS收听上传多个文件的成功事件

Question

I'm using Dropzone JS and I have this code. It works fine :

    <script>
        $(function() {

            //-- Start DROPZONE --//
            var myDropzone = new Dropzone(".dropzone", { 
                url: "test2.php?token='.$product_token.'",
                maxFilesize: 2,
                maxFiles: 10,
                uploadMultiple: true
            });

            myDropzone.on("successmultiple", function(multiple) {
                $("#btn-addnew").removeClass("disabled");
            });
            //-- End DROPZONE --//

        })
    </script>

However, $("#btn-addnew").removeClass("disabled"); executed when only one file get successfully uploaded. even there are 5 files still uploading. how to prevent $("#btn-addnew").removeClass("disabled"); to be executed until ALL files successfully uploaded?

thank you so much for your attention.

Answer 1

The issue isn't with the dropzone success function. It's with your HTML id tag. ID's are only meant to be used in the DOM once, you are using it (sometimes) 5 times.

Change the id to a class, and then run your code.

class="btn-addnew disabled"
$('.btn-addnew').removeClass('disabled');