關於圖片轉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把圖片顯示出來;