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

Image 如何使用dropzone为存储在服务器上的图像生成缩略图?,image,dropzone.js,Image,Dropzone.js,我正在尝试显示已存储在服务器上的图像。我使用以下代码在dropzone中显示: myDropzone.emit("addedfile", mockFile); myDropzone.emit("thumbnail", mockFile, "url/image"); 但有一个问题,生成的缩略图只会将大小减小到指定的thumnail大小,而不进行裁剪 问题是,当我调用函数“缩略图图像失真”时,裁剪图像没有完成 可以使用现有方法生成临时缩略图,并在缩略图函数调用中发送?我建议您在服务器上创建缩略图,

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

myDropzone.emit("addedfile", mockFile);
myDropzone.emit("thumbnail", mockFile, "url/image");
但有一个问题,生成的缩略图只会将大小减小到指定的thumnail大小,而不进行裁剪

问题是,当我调用函数“缩略图图像失真”时,裁剪图像没有完成


可以使用现有方法生成临时缩略图,并在缩略图函数调用中发送?

我建议您在服务器上创建缩略图,因为否则您的用户需要下载原始大小的所有图像,以便查看小缩略图

也就是说,如果您仍然想继续,下载原稿并在浏览器中调整大小,我刚刚发布了包含函数
createThumbnailFromUrl()

像这样使用它:

myDropzone.emit(“addedfile”,mockFile);
createThumbnailFromUrl(mockFile,'/your image.jpg');

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

@enyo是否有机会使用技术支持跨源图像?嘿!我在这里也面临同样的问题