压缩/调整jpeg并在Javascript中获取Base64

Question

如何减小Jpeg图像的base64字符串的大小？ 我有一张2000x1000px照片的base64。 如何获得500x250px base64压缩照片？ 有人可以帮帮我吗？

Answer 1

将base64放入图片标记

var img = document.createElement("img");
img.src = "data:image/gif;base64," + yourBase64;

将其绘制为缩放画布

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.scale(0.25, 0.25);
ctx.drawImage(img);

获取base64

var base64 = canvas.toDataURL("image/jpeg");

我实际上没有对此进行测试，因此调整大小部分可能是错误的， 但它会是这样的。

尝试使用canvas标记搜索如何调整图像大小。