javascript - Dropzone.js 将文件限制为一个音频和一个图像缩略图文件。

Question

如何限制通过 Dropzone.js 上传的文件，只允许用户上传一张图片和一个音频文件。 http://www.dropzonejs.com/

Answer 1

您可以使用 maxFiles 选项设置最大文件数。

你的其余问题稍微复杂一些。你必须玩accept和/或 events .

这是一段未经测试的代码，可以帮助您 (我无法在 jsfiddle 上测试它，因为表单操作必须指向处理上传的脚本:(我希望我能找到他们如何在网站上进行“无上传”演示)。

// "myAwesomeDropzone" is the camelized version of the HTML element's ID
Dropzone.options.myAwesomeDropzone = {
    maxFiles: 2, // number of files
    acceptedFiles: "image/*,audio/*",
    accept: function (file, done) {
        if (new RegExp(file.type.split("/")[0]).test(this.getAcceptedFiles()[0].type)) {
            done("type already present");
        } else {
            done();
        }
    }
};