画布后的斑点.toBlob太重了

Question

我们使用S3存储存储我们的照片。我们的客户端有一个功能，允许在图像上添加一些蒙版并将其发送到S3以更新它。

问题是，当你最初下载一张照片，它的重量约300kb，但当你做画布。toBlob并将其发送到S3上，它的重量约为1.5mb。我该如何处理这个问题?

Answer 1

我想你在转换画布时没有设置文件类型

试试这个

YOUR_CANVAS.toBlob(function (blob) {
var formData = new FormData();
formData.append('img', blob, YOUR_FILE_NAME);
$.ajax({
method: 'POST',
data: formData,
processData: false,
contentType: false,
success: function () {
alert('uploaded');
},
error: function () {
alert('error')
},
});
},YOUR_FILE_TYPE);

YOUR_FILE_TYPE可以是"image/jpg"或"图像/png"还是…

canvas to blob