Как создать эскизы для изображений, хранящихся на сервере с помощью dropzone?

Question

Я пытаюсь отобразить изображения, уже сохраненные на сервере. Отобразить в DropZone, используя следующий код:

myDropzone.emit("addedfile", mockFile); 
myDropzone.emit("thumbnail", mockFile, "url/image"); 

Но с проблемой, эскиз генерируется только уменьшает размер до thumnail размеров, как указано без урожая.

Проблема в том, что изображение обрезки, когда я вызываю изображение миниатюр, искажено.

Можно было бы создать временную эскизную копию с использованием существующих методов и отправить ее в вызов функции эскизов?

Answer 1

Я рекомендую вам создавать эскизы на сервере, потому что в противном случае вашим пользователям нужно будет загружать все изображения в их первоначальном размере, просто для просмотра небольших миниатюр.

Это, если вы все еще хотите продолжить, и загрузите оригиналы и измените размер в браузере, я только что выпустил Dropzone v4.0.1, чтобы включить функцию createThumbnailFromUrl().

Используйте это так:

myDropzone.emit("addedfile", mockFile); 
myDropzone.createThumbnailFromUrl(mockFile, '/your-image.jpg'); 

(Side Примечание: изображение должно быть размещено на том же сервере, в противном случае вы получите сообщение об ошибке Cross-Origin)