问文件预览中的Dropzone.js拒绝文件
EN

Stack Overflow用户

提问于 2015-01-30 00:10:50

回答 1查看 15.8K关注 0票数 7

我有一个简单的dropzone实例，用于上传文档(只有特定的文件扩展名)。

是否有一些选项可以只显示消息，而阻止创建(或显示)元素的其余部分？或者是在拒绝文件时触发的事件？我注意到被拒绝的文件的元素有'dz-error‘类，所以我想我可以在fileAdded回调中使用它，但我也认为一定有更好的方法。下面是供参考的JS代码。

var accept = ".pdf,.doc,.docx,.odt";

$(document).ready(function(){
    var DZ = $(dropzoneSelector).dropzone({
        url: "example/url",
        autoProcessQueue: false,
        uploadMultiple: true,
        clickable: clickableSelector,
        addRemoveLinks: true,
        acceptedFiles: accept,
        createImageThumbnails: false,
        init: function(){
            this.on("addedfile", handleFileAdded);
            this.on("removedfile", handleFileRemoved);
        }
    });
});

jquery

dropzone.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-04 19:14:52

你可以监听error事件，然后检查文件是否被接受，如果不被接受，则将其移除。你的代码将如下所示：

var accept = ".pdf,.doc,.docx,.odt";

$(document).ready(function(){
    var DZ = $(dropzoneSelector).dropzone({
        url: "example/url",
        autoProcessQueue: false,
        uploadMultiple: true,
        clickable: clickableSelector,
        addRemoveLinks: true,
        acceptedFiles: accept,
        createImageThumbnails: false,
        init: function(){
            this.on("addedfile", handleFileAdded);
            this.on("removedfile", handleFileRemoved);
            this.on("error", function(file){if (!file.accepted) this.removeFile(file);});
        }
    });
});

票数 23

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28219338

复制

相似问题

问文件预览中的Dropzone.js拒绝文件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文件预览中的Dropzone.js拒绝文件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文件预览中的Dropzone.js拒绝文件
EN