Cropper.JS 上传文件大小问题答案

【问题标题】：Cropper.JS uploading file size issueCropper.JS 上传文件大小问题
【发布时间】：2017-09-06 06:21:05
【问题描述】：

我在使用 Cropper.JS 上传和裁剪图像时遇到问题。假设我在使用裁剪工具后上传了 70 kb 的文件，它的大小增加了 115 KB，有时它也会转换为 MB 的文件大小。

【问题讨论】：

您如何获取要发送的数据？如果您使用的是toBlob() 或toDataURL() - 它们都有默认的mimeType "image/png"（我知道是对的....whyyyyy.... @ 而不是 toBlob(callback, 'image/jpeg', quality) 请参见 developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/… btw：Edge 不支持 toBlob() 但也有一个 polyfill。

【解决方案1】：

如果您遇到裁剪图像的大小问题，您可以将裁剪后的图像转换为base64并使用以下代码sn-p（angular-cropperjs）进行压缩

this.angularCropper.cropper.getCroppedCanvas().toDataURL('image/jpeg', (20 / 100));

玩toDataURL()方法的第二个参数来调整比率压缩。

您可以找到更多信息here。

【讨论】：

【解决方案2】：

据我了解，您应该使用更新版本的cropper。

【讨论】：