//图片压缩
compressBase64Image(base64Data, quality, maxWidth, maxHeight) {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = function() {
let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d');
let width = img.width;
let height = img.height;
if (maxWidth && maxHeight) {
// 缩放比例
let ratio = Math.min(maxWidth / width, maxHeight / height);
width *= ratio;
height *= ratio;
}
canvas.width = width;
canvas.height = height;
// 绘制压缩后的图片
ctx.drawImage(img, 0, 0, width, height);
// 将canvas转换为base64
const compressedBase64 = canvas.toDataURL('image/png', quality);
resolve(compressedBase64);
};
img.onerror = function(error) {
reject(error);
};
img.src = base64Data;
});
}
// 示例用法
const base64Data = 'your_base64_data_here';
const quality = 0.8; // 压缩质量,范围从 0 到 1,1 表示最高质量
const maxWidth = 800; // 最大宽度
const maxHeight = 600; // 最大高度
compressBase64Image(base64Data, quality, maxWidth, maxHeight) .then(compressedBase64 => {
// 在这里使用压缩后的 base64 图片进行后续操作
}) .catch(error => { console.log(error); });