如何使用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');

(旁注:图像需要托管在同一台服务器上,否则会出现Cross-Origin错误)