我使用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)