如何使用Dropzone.js禁用可点击的表单? [英] How to disable clickable the form with Dropzone.js?

问题描述

我正在使用Dropzone.js将文件上传到服务器.我将Dropzone maxFiles参数设置为10，并尝试了以下方法:

I'm using Dropzone.js to upload files to the server. I setting up my Dropzone maxFiles parameter to 10 and I was tried this:

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

...但不起作用.如何从.dropzone中删除可点击的方法或阻止用户添加更多文件的其他方法是什么?

...but not working. What is the solution to remove clickable from .dropzone or any other way to prevent user to add more files?

推荐答案

为什么不只使用CSS来禁用click事件. 当达到最大文件数时，Dropzone将自动添加dz-max-files-reached类.

Why do not you just use CSS to disable the click event. When max files is reached, Dropzone will automatically add a class of dz-max-files-reached.

使用CSS禁用对Dropzone的点击:

Use css to disable click on dropzone:

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

这篇关于如何使用Dropzone.js禁用可点击的表单?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！