//壓縮圖片方法
function compressImg(file,callback){
	var src;
	var fileSize = parseFloat(parseInt(file['size'])/1024/1024).toFixed(2);
	var read = new FileReader();
	read.readAsDataURL(file);
	read.onload = function (e) {
		var img = new Image();    
	    img.src = e.target.result;    
	    img.onload = function(){    
	        //默認按比例壓縮    
	        var w = this.width,    
	            h = this.height;   
	        //生成canvas    
	        var canvas = document.createElement('canvas');    
	        var ctx = canvas.getContext('2d');   
	        var base64;
	        // 創建屬性節點    
	        canvas.setAttribute("width", w);    
	        canvas.setAttribute("height", h);  
	        ctx.drawImage(this, 0, 0, w, h);    
	        if(fileSize<1){
	        	//如果圖片小于一兆 那么不執行壓縮操作
	        	base64 = canvas.toDataURL(file['type'], 1);  
	        }else if(fileSize>1&&fileSize<2){
	        	//如果圖片大于1M并且小于2M 那么壓縮0.5
	        	base64 = canvas.toDataURL(file['type'], 0.5);  
	        }else{
	        	//如果圖片超過2m 那么壓縮0.2
	        	base64 = canvas.toDataURL(file['type'], 0.2);  
	        }
	        // 回調函數返回file的值    
	        callback(base64);
	    };  
	};
};  

　　圖片壓縮完成以后會轉換成base64返回

總結

以上是生活随笔為你收集整理的js 压缩上传的图片方法（默认上传的是file文件）的全部內容，希望文章能夠幫你解決所遇到的問題。

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