How to realize base64 Image Compression with JavaScript

This article mainly describes how JavaScript achieves base64 image compression, the article is very detailed, has a certain reference value, interested friends must read it!

base64 image compression

//compression base64 method function dealImage (base64, w, callback) { var newImage = new Image(); var quality = 0.6; //compression factor between 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); //compression statement callback(base64); //must be returned by callback function, otherwise the value cannot be obtained in time}} above is "JavaScript how to achieve base64 image compression" All the content of this article, thank you for reading! Hope to share the content to help everyone, more relevant knowledge, welcome to pay attention to the industry information channel!