javascript - 如何使用 Dropzone.js 禁用可点击的表单？

Question

我正在使用 Dropzone.js 将文件上传到服务器。我将我的 Dropzone maxFiles 参数设置为 10，我试过这个:

$('.dropzone').dropzone({
    maxFiles: 10,
    init: function() {
        this.on('maxfilesreached', function() {
            $('.dropzone').unbind('click');
        });
    }
});

...但无法正常工作。从 .dropzone 中删除可点击的解决方案或以任何其他方式阻止用户添加更多文件的解决方案是什么？

Answer 1

为什么不直接使用 CSS 来禁用点击事件。 当达到最大文件数时，Dropzone 会自动添加一个类 dz-max-files-reached。

使用 css 禁止点击 dropzone:

.dz-max-files-reached {
  pointer-events: none;
  cursor: default;
}