如何使用dropzone为存储在服务器上的图像生成缩略图？

Question

我正在尝试显示已存储在服务器上的图像。我使用以下代码在dropzone中显示：

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

但是如果出现问题，生成的缩略图只会将指定大小缩小为不带裁剪的指定大小。

问题是当我调用功能缩略图失真时，裁剪图像没有完成。

可以使用现有方法生成临时缩略图并将其发送到缩略图函数调用中吗？

Answer 1

我建议您在服务器上创建缩略图，否则您的用户需要以原始大小下载所有图片，只是为了查看小缩略图。

话虽如此，如果您仍想继续，并下载原件并在浏览器中调整大小，我刚刚发布Dropzone v4.0.1以包含函数createThumbnailFromUrl()。

像这样使用：

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

（旁注：图片需要托管在同一台服务器上，否则会出现Cross-Origin错误）