【问题标题】:Dropzone acceptedFiles errorDropzone 接受的文件错误
【发布时间】:2025-12-29 08:25:11
【问题描述】:

请帮助过滤要上传的图像类型,我已经进行了一些试验和错误,但无法使其正常工作。这是我的代码:

$(document).ready(function(){ 

   Dropzone.autoDiscover = false;
   var myDropzone = new Dropzone("#mydropzone",{
      url:"upload.php",
      uploadMultiple: true,
      maxFilesize: 2,
      maxFiles : 3,
      acceptedFiles: ".jpg,.jpeg,.png", <-- this won't work
      dictInvalidFileType: "You can't upload files of this type, only png or jpg file",
      autoProcessQueue : true,
      parallelUploads: 3,
      addRemoveLinks: true,
   });
});

我试过了:

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

但目录中仍然没有上传..如果我删除了逗号:

acceptedFiles: ".jpg,.jpeg,.png"

它有效,上传显示在我的目录文件夹中,但它接受所有类型的上传..是否有某种命令可以使这项工作?有人帮忙吗?

【问题讨论】:

    标签: dropzone.js


    【解决方案1】:

    你可以在init函数中工作

            var myDropzone = new Dropzone("#designdocumentexcel",
                {
                    acceptedFiles : ".xls,.xlsx,.csv",
                    init: function(){
                        this.on("error", function(file, errorMessage) {
                            alert("error : " + errorMessage );
                        });
    
                    },
                }
            );
    

    【讨论】:

      【解决方案2】:

      试试看:

      $(function(){
          // Dropzone.autoDiscover = false; <-- You don't need it, remove it!
          Dropzone.options.mydropzone = { <!-- string mydropzone is the form id
              url:"upload.php", <-- Put this in form action
              acceptedFiles: "image/jpeg,image/png", <-- jpeg = jpeg/jpg
              // the other options...
          };
      });
      

      希望有帮助:)

      【讨论】:

        【解决方案3】:

        您必须插入“/path/to/dropzone.js” 而不是cdn

        在该文件中,您可以将配置接受文件:null 更改为 ..like

        acceptedFiles: 'image/*',

        【讨论】: