JavaScript如何实现base64图片压缩

这篇文章主要介绍JavaScript如何实现base64图片压缩，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

base64 图片压缩

//压缩base64方法
function dealImage(base64, w, callback) {
 var newImage = new Image();
 var quality = 0.6; //压缩系数0-1之间
 newImage.src = base64;
 newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要
 var imgWidth, imgHeight;
 newImage.onload = function() {
 imgWidth = this.width;
 imgHeight = this.height;
 var canvas = document.createElement("canvas");
 var ctx = canvas.getContext("2d");
 if (Math.max(imgWidth, imgHeight) > w) {
  if (imgWidth > imgHeight) {
  canvas.width = w;
  canvas.height = w * imgHeight / imgWidth;
  } else {
  canvas.height = w;
  canvas.width = w * imgWidth / imgHeight;
  }
 } else {
  canvas.width = imgWidth;
  canvas.height = imgHeight;
  quality = 0.6;
 }
 ctx.clearRect(0, 0, canvas.width, canvas.height);
 ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
 var base64 = canvas.toDataURL("image/jpeg", quality); //压缩语句
 callback(base64); //必须通过回调函数返回，否则无法及时拿到该值
 }
}

以上是“JavaScript如何实现base64图片压缩”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！