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

Question

我按照instructions here 在放置区显示已经存在的文件。

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

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

Answer 1

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

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

Answer 2

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

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