相关疑难解决方法(0)

使用cropper js将canvas转换为blob

我使用cropper.js创建了一个用于裁剪图像的应用程序.应用程序正在运行并且图像正在裁剪,之后我尝试将裁剪后的图像作为blob发送到服务器端进行存储,

根据cropper.js文档,我们可以使用canvas.toDataURL获取数据URL,或使用canvas.toBlob获取blob并使用FormData将其上载到服务器.当我尝试使用canvas.toDataURL()时,我得到了base64字符串,但实际上我需要将文件作为blob发送,所以我尝试使用canvas.toBlob()但是我Uncaught TypeError: canvas.toBlob is not a function在chrome和TypeError: Not enough arguments to HTMLCanvasElement.toBlob.Firefox中

任何人都可以告诉我一些解决方案

我的代码是这样的

var canvas = $image.cropper("getCroppedCanvas", undefined);
var formData = new FormData();
formData.append('mainImage', $("#inputImage")[0].files[0]);
formData.append('croppedImage', canvas.toBlob());
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 canvas image

8
推荐指数
2
解决办法
2万
查看次数

标签 统计

canvas ×1

html5 ×1

image ×1

javascript ×1

jquery ×1