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成功功能。它与您的HTML id标记一致。 ID只能在DOM中使用一次，你使用它（有时）5次。

将id更改为某个类，然后运行您的代码。

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

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

1 个答案: