如何使用DropZone.js获得质量更好的缩略图？

Question

我正在使用DropZone将文件上传到我的服务器。默认设置很好，但照片有点小。我决定进入dropzone.css文件并将默认参数更改为250px x 250 px而不是100px x 100px：

.dropzone-previews .dz-preview .dz-details {
width: 250px;
height: 250px;
position: relative;
background: #ebebeb;
padding: 5px;
margin-bottom: 22px;
}

另一条线......

.dropzone-previews .dz-preview .dz-details img {
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 250px;
}

正如您所料，只有盒子变得更宽，但图像本身却拉长了模糊。

假设我通过忽略dropzone.js而天真，我打开了文件并在那里更改了变量：

createImageThumbnails: true,
maxThumbnailFilesize: 10,
thumbnailWidth: 250,
thumbnailHeight: 250,

仍然没有。我想要大图像缩略图（250px正方形）而不是小的，几乎不可识别的（100px正方形）但我找不到改变它的参数，即使它看起来好像这两个文件应该解决问题。

此外，网站上的文档没有提到这一点，甚至不包括对'thumbnailWidth'和'thumbnailHeight'变量的描述，因为它们可能是自描述的。

关于我做错的任何想法？

Answer 1

你可以找到答案，但对于其他人，你的custom.js文件会将参数传递给dropzone，如下所示：

Dropzone.options.MyDropZoneForm = {
  thumbnailWidth:"250",
  thumbnailHeight:"250"
};

MyDropZoneForm - 表单ID属性。