js 壓縮上傳的圖片方法(默認上傳的是file文件)


//壓縮圖片方法
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返回


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM