最近在移動(dòng)端設(shè)計(jì)頭像上傳功能時(shí)，原本是以<input type="file">直接通過formData上傳，然而實(shí)際使用情況是：對(duì)于過大的圖片（高像素手機(jī)所拍攝的照片等）上傳時(shí)間過長(zhǎng)會(huì)導(dǎo)致上傳失敗，而每次都上傳原始大小的圖片（后臺(tái)處理壓縮）十分影響用戶體驗(yàn)，所以研究了一下通過canvas壓縮圖片并上傳的方法，以下是整理的一些思路和心得：

一、<input type="file">獲取本地圖片，并將圖片繪制到畫布中。此處的難點(diǎn)在于：由于瀏覽器的保護(hù)機(jī)制，無法直接獲取到本地文件的圖片路徑，所以需要將本地圖片編譯成base64格式再做上傳，代碼如下：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表