javascript - 在 Dropzone.js 中如何设置我们可以上传的最小图像分辨率？接受不起作用

Question

假设我需要限制我的用户上传低于 3MP(将近 2048 像素宽)的图片。我如何在 Dropzone.js 中执行此操作？试图用“接受”来做到这一点，但它不起作用:

$(function() {
var mediaDropzone;
mediaDropzone = new Dropzone("#media-dropzone", {
  paramName: "file",
        autoProcessQueue: false,
        parallelUploads: 500,
        maxFilesize: <%= ENV["max_image_size"] %>,
        acceptedFiles: '<%= ENV["accepted_files"] %>',
        accept: function(file, done) {
          if (file.width < 2048) {
            done("Naha, you don't.");
          }
          else { done(); }
        }
});

Answer 1

我有类似的需求并且正在使用这个解决方案:

    var maxImageWidth = 1000, maxImageHeight = 1000;

    Dropzone.options.dropzonePhotographs = {
        paramName: "file", // The name that will be used to transfer the file
        maxFilesize: 2, // MB
        dictDefaultMessage: "Drag files or click here",
        acceptedFiles: ".jpeg,.jpg,.png,.gif",
        init: function () {
            this.on("success", function(file, responseText) {
                file.previewTemplate.setAttribute('id',responseText[0].id);
            });
            this.on("thumbnail", function(file) {
                if (file.width > maxImageWidth || file.height > maxImageHeight) {
                    file.rejectDimensions()
                }
                else {
                    file.acceptDimensions();
                }
            });
        },
        accept: function(file, done) {
            file.acceptDimensions = done;
            file.rejectDimensions = function() { done("Image width or height too big."); };
        }
    };

您可以在这里找到原始解决方案:https://github.com/enyo/dropzone/issues/708