Dropzone.js: 裁剪现有图像的缩略图

Question

我按照 instructions here 显示拖放区区域中已有的文件。

问题是文件被裁剪了。看这张图片：

我该如何解决这个问题？其他人也看到了吗？

Answer 1

您提供的缩略图必须是方形的。

与新拖动的图像的行为似乎不同，对于添加的文件，Dropzone 将缩放图片并尝试使其适合图像。这意味着如果您的图像宽度大于高度，您可能会看到白色 space，就像问题中显示的图像一样。

Answer 2

我通过添加这个 css 选择器修复了它：

.dropzone{
  .dz-preview{
    .dz-image{
      img{
        height: 120px;
        width:120px;
        object-fit: cover;
      }
    }
  }
}