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圖片壓縮”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！