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

Question

我正在使用 Dropzone JS，并且我有这段代码。它工作正常:

    <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>

然而，$("#btn-addnew").removeClass("disabled");仅在一个文件上传成功时执行。即使有 5 个文件仍在上传。如何防止 $("#btn-addnew").removeClass("disabled"); 在所有文件成功上传之前执行？

非常感谢您的关注。

Answer 1

问题不在于 dropzone success 函数。它与您的 HTML id 标签。 ID 只能在 DOM 中使用一次，您正在使用它（有时）5 次。

将 id 更改为 class，然后运行您的代码。

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

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

Dropzone JS Listen To Success Event of Multiple Files Uploaded

javascript

php

jquery

dropzone.js