Как получить качественные миниатюры с DropZone.js?

Question

Я использую DropZone для загрузки файлов на свой сервер. Настройки по умолчанию прекрасны, но фотографии немного малы. Я решил пойти в файл dropzone.css и изменить параметры по умолчанию для 250px х 250 пикселей вместо 100px х 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, 

Еще ничего. Я хочу большие эскизы изображений (250 пикселей квадратов) вместо маленьких, едва узнаваемых (квадраты 100 пикселей), но я не могу найти параметр, который меняет это, хотя казалось бы, что эти два файла должны решить проблему.

Кроме того, документация на веб-сайте не упоминает об этом, даже если вы не указали описание переменных «thumbnailWidth» и «thumbnailHeight», поскольку они, по-видимому, самоописательны.

Любые идеи о том, что я делаю неправильно?

Answer 1

Propably вы нашли ответ, но и для других, в файле custom.js передать аргументы DropZone так:

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

MyDropZoneForm - его атрибут формы ID.