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

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

---

有人能帮我吗？

将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);

获得基本64

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

我并没有测试这个，所以调整大小的部分可能是错误的， 但会是这样的

---

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

将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);

获得基本64

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

我并没有测试这个，所以调整大小的部分可能是错误的， 但会是这样的

---

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

使用其数据url将其加载为图像，将其渲染（调整大小）为画布元素，从

toDataURL

存储结果。使用其数据url将其加载为图像，将其渲染（调整大小）为画布元素，从

toDataURL

存储结果。