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把图片显示出来;

原文地址:https://www.cnblogs.com/ricoliu/p/6361589.html