dealImage(base64, 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) > 120) {if (imgWidth > imgHeight) {canvas.width = 120; // 設置壓縮寬度大小canvas.height = 120 * imgHeight / imgWidth;} else {canvas.height = 120;canvas.width = 120 * 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); //壓縮語句// 如想確保圖片壓縮到自己想要的尺寸,如要求在5-10kb之間，請加以下語句，quality初始值根據情況自定while (base64.length / 1024 > 10) {quality -= 0.01;base64 = canvas.toDataURL("image/jpeg", quality);}// 防止最后一次壓縮低于最低尺寸，只要quality遞減合理，無需考慮while (base64.length / 1024 < 5) {quality += 0.001;base64 = canvas.toDataURL("image/jpeg", quality);}callback(base64);//必須通過回調函數返回，否則無法及時拿到該值}},

?

總結

以上是生活随笔為你收集整理的JavaScript压缩base64图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。