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