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

标签 dropzone.js

我关注了 instructions here显示拖放区区域中已有的文件。

问题是文件看起来被裁剪了。看这张图片:

left is existing, right is new dragged

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

最佳答案

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

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

关于Dropzone.js:裁剪现有图像的缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30398677/

相关文章:

javascript - 使用 Dropzone JS 将文件上传到子文件夹

node.js - 图像上传 - 如何获取正确格式的图像数据以供服务器端处理

javascript - 为什么我无法在 "ready"函数中注册 dropzone.js 回调?

selenium-ide - 使用 selenium ide 上传文件到 Dropzone.js

javascript - Dropzone.js 状态为挂起且未上传文件

drupal-7 - 如何在 Drupal 中处理通过 Dropzone 上传的文件?

javascript - Dropzone block 上传到 Azure 存储

jquery - 检查 Dropzone 是否已附加

javascript - 如何使用 Dropzone.js 在服务器错误响应后触发警报

javascript - Dropzonejs rails 不呈现 js.erb 文件