缩略图在dropzone中服务器存储文件的生成不正确

Question

我正在使用此行代码来显示我的拖放区中服务器上的商店图像，但工作正常，但是由此生成的缩略图不正确，因为它没有显示完整图像的缩略图，只是放大了图像，然后使其缩略图为缩略图https://www.screencast.com/t/PZJjZIN9VJTV的屏幕截图 这是我想要的屏幕截图 https://www.screencast.com/t/nwfNbMW2mzFx

var mockFile = {
                id:id,
                name:filePath,
                size: '2000',
                type: 'image/jpeg',
                accepted: true            // required if using 'MaxFiles' option
                };
//  this.files.push(mockFile);    // add to files array
this.emit("addedfile", mockFile);
this.emit("thumbnail", mockFile,'http://inspiretech.local/uploads/'+filePath);
this.emit("complete", mockFile);

Answer 1

这个答案晚了几年，但以防万一它有助于缩短其他用户的搜索时间。 我找到了解决这个问题的简单方法：

感谢 makitweb 教程 =>

让 css 像这样更正你的图像大小：

.dz-preview .dz-image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}