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

Question

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

.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

Propably你找到了答案，但对于其他人，在你的custom.js文件参数传递给悬浮窗是这样的：

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

MyDropZoneForm - 它的形式id属性。