img轉base64的兩種方式的比較


關於圖片轉base64然后提交后台,項目中一直用的是canvas的toDataUrl方法,但是之前看HTML5 API文檔的時候,一直記得好像有個叫fileReader的東西也可以做到。於是過年無事的時候,把兩種方法都寫成了插件形式。
https://github.com/tiamoyajie/Zepto/blob/master/task/js/Zepto.GetImgBase64.2.js
https://github.com/tiamoyajie/Zepto/blob/master/task/js/Zepto.GetImgBase64.js

第一種是canvas的方法實現的,canvas只兼容ie9以上的瀏覽器,若兼容IE8需要引用額外的JS包;
第二種是H5的新API——fileReader的readAsDataURL()方法實現的,此方法兼容IE10以上的瀏覽器,和第一種相比,這種方法更為簡單方便一些;
若需要做上傳預覽功能,可用canvas把圖片顯示出來;


免責聲明!

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



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