首先想一想我們有哪些需求？大多時候我們需要將一個File對象壓縮之后再變?yōu)镕ile對象傳入到遠(yuǎn)程圖片服務(wù)器；有時候我們也需要將一個base64字符串壓縮之后再變?yōu)閎ase64字符串傳入到遠(yuǎn)程數(shù)據(jù)庫；有時候后它還有可能是一塊canvas畫布，或者是一個Image對象，或者直接就是一個圖片的url地址，我們需要將它們壓縮上傳到遠(yuǎn)程；面對這么多的需求，王二索性畫了一張圖：

成都創(chuàng)新互聯(lián)專注于中大型企業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)和網(wǎng)站改版、網(wǎng)站營銷服務(wù)，追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合，累計客戶千余家，服務(wù)滿意度達97%。幫助廣大客戶順利對接上互聯(lián)網(wǎng)浪潮，準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運用，我們將一直專注品牌網(wǎng)站制作和互聯(lián)網(wǎng)程序開發(fā)，在前進的路上，與客戶一起成長！

Alt text

二、解決辦法

如上圖所示，王二一共寫了七個方法，基本覆蓋了JS中大部分文件類型的轉(zhuǎn)換與壓縮，其中：

1、 urltoImage(url,fn) 會通過一個url加載所需要的圖片對象，其中 url 參數(shù)傳入圖片的 url , fn 為回調(diào)方法,包含一個Image對象的參數(shù)，代碼如下：

function urltoImage (url,fn){
  var img = new Image();
  img.src = url;
  img.onload = function(){
    fn(img);
  }
};

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：JS中圖片壓縮的方法小結(jié)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/djhgsi.html