拖放区.js图像上传接受的混合类型

php jquery file-upload dropzone.js

2022-08-30 14:58:27

我正在使用dropzone.js插件将图像上传器添加到我的应用程序中。我知道这可能是一个非常基本的问题，所以很抱歉，但我想做的是限制文件扩展名。这适用于单个文件扩展名，

<script type="text/javascript">
   Dropzone.options.dropzone = {
        accept: function(file, done) {
            console.log(file);
            if (file.type != "image/jpeg") {
                done("Error! Files of this type are not accepted");
            }
            else { done(); }
        }
    }
 </script>

所以我的问题是如何添加多个文件扩展名，即，？image/jpegimage/png

谢谢

答案 1

我是Dropzone的作者。

您应该使用~~接受的MimeTypes~~。这的行为与元素的属性完全相同。这样，即使回退也可以正常工作。acceptedFilesinputaccept

有效属性可以如下所示：acceptedFiles

audio/*
image/*
image/jpeg,image/png
等。。。

编辑：在最新版本的Dropzone中，调用此属性，它还允许您定义扩展。所以这将起作用：acceptedFiles

"audio/*,image/*,.psd,.pdf"

（对于向后兼容性，在下一个主要版本之前仍将有效）acceptedMimeTypes

答案 2

谢谢enyo它的工作原理....棒。。。只需将该行粘贴到dropjone.js->

uploadMultiple: true,  //upload multiple files
maxFilesize: 1,  //1 mb is here the max file upload size constraint
acceptedFiles: ".jpeg,.jpg,.png,.gif",

http://www.dropzonejs.com/#config-acceptedFiles