Dropzone 接受的文件不起作用

Question

我正在与 dropzone 合作上传文件。代码工作正常，但

acceptedFiles

变量在脚本中不起作用。上传脚本接受所有不允许的格式，例如 .zip、.mp3。我已经上传了

dropzone.js

文件并查看下面的代码：

我的上传脚本在这里：

 $(".dropzone2").dropzone({
        url: '<?php echo base_url(); ?>docupload',
        margin: 20,
        acceptedFiles: 'image/*',
        params:{
            'action': 'save',
            'projectId': '<?php echo $this->uri->segment(2) ?>'

        },
        uploadOnDrop: true,
        uploadOnPreview: true,
        success: function(res, index){ console.log(index);
            $('#fileUpload').modal('hide');
        }
    });

HTml 类在这里：

<div class="dropzone2"></div>

Answer 1

其实我发现了这个问题。 对我有用的格式。

acceptedFiles:image/jpeg,image/png,image/gif,image/jpg,application/pdf'

。不知道为什么

image/*

没有像文档中提到的那样工作。感谢各位专家的意见。

Answer 2

您必须编写文件格式的结尾，例如：

acceptedFiles: '.png, .jpg'

Answer 3

您必须更改“/path/to/dropzone.js”文件的配置

您可以将配置acceptedFiles: null更改为..like

接受的文件：'图像/*'，

Answer 4

在 dropzone.js 中，将 defaultOptions 添加到：

acceptedFiles: "image/jpeg, image/png, image/gif, image/jpg",

浏览文件时不会显示不需要的文件类型。

我不知道为什么，但我后来所做的配置设置并没有压缩defaultOptions中像这样的一些设置。所以我必须在defaultOptions中编辑它。

Dropzone.prototype.defaultOptions = {
  url: null,
  method: "post",
  withCredentials: false,
  parallelUploads: 20,
  uploadMultiple: false,
  maxFilesize: 3, //mb
  paramName: "file",
  createImageThumbnails: true,
  maxThumbnailFilesize: 10, //mb
  thumbnailWidth: 100,
  thumbnailHeight: 100,
  filesizeBase: 1000,
  maxFiles: 20,
  params: {},
  clickable: true,
  ignoreHiddenFiles: true,
  acceptedFiles: "image/jpeg, image/png, image/gif, image/jpg",  //exactly this line
  autoProcessQueue: true,
  autoQueue: true,
  addRemoveLinks: true
}