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

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.

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');