上篇文章中提到移動端上傳圖片，我們知道現(xiàn)在流量還是挺貴的，手機的像素是越來越高，拍個照動不動就是好幾M，傷不起。雖然客戶端可以輕輕松松實現(xiàn)圖片壓縮再上傳，但是我們的應(yīng)用還可能在瀏覽器里面打開，怎么辦呢，圖片壓縮。受以前PC上的開發(fā)思維影響，尼瑪js哪有權(quán)限去操作文件，哪有資格壓縮圖片啊，搞不了，你們客戶端去整吧。只能說自己還是有些井底之蛙了。在HTML5的影響下，前端能干的事情越來越多了，開發(fā)的功能逼格也越來越高了，H5萬歲！前端的魅力也在這，過去不可能的并不意味現(xiàn)在、以后不可能，努力吧，騷年！

js怎么壓縮圖片？？？潛意識里確實一開始是覺得實現(xiàn)不了，后來翻閱資料，研究了下，發(fā)現(xiàn)可行！搞起！

先說說H5以前我們怎么上傳，一般是借助插件、flash或者干脆一個文件form表單，少操不少心。

自從有了H5，老板再也不擔(dān)心我的開發(fā)了。

上篇文章提到圖片上傳用到了FileReader，F(xiàn)ormData，實際上主要用這兩個我們基本能實現(xiàn)圖片的預(yù)覽和上傳了。實現(xiàn)圖片壓縮，我們需要借助canvas，是的，就是canvas！

大致思路是：

1、創(chuàng)建一個圖片和一個canvas

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表