js图片压缩compressImage 输入base64返回base64
以下是一个使用JavaScript编写的图片压缩函数compressImage,它接受一个base64格式的图片作为输入,并返回压缩后的base64图片:
function compressImage(base64) {
var img = new Image();
img.src = base64;
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 设置 canvas 的宽度和高度与图片相同
canvas.width = img.width;
canvas.height = img.height;
// 将图片绘制到 canvas 上
ctx.drawImage(img, 0, 0, img.width, img.height);
// 将图片压缩为 base64 格式
var compressedBase64 = canvas.toDataURL('image/jpeg', 0.5); // 调整第二个参数(0.5)来控制压缩比例,范围为0-1
return compressedBase64;
}
使用示例:
var originalBase64 = 'data:image/jpeg;base64,/9j/4AAQSkZJ...'; // 原始图片的 base64 数据
var compressedBase64 = compressImage(originalBase64);
console.log(compressedBase64); // 压缩后的 base64 数据
注意:该函数只能压缩JPEG格式的图片。如果需要支持其他图片格式,可以修改toDataURL方法的第一个参数
原文地址: https://www.cveoy.top/t/topic/hNUI 著作权归作者所有。请勿转载和采集!