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

我正在使用 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”变量的描述，因为它们可能是自我描述的。

关于我做错了什么有什么想法吗？

您可能找到了答案，但对于其他人来说，在您的 custom.js 文件中将参数传递给 dropzone，如下所示：

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

MyDropZoneForm- 其表单 id 属性。