今天遇到的一个需求是把图片转换成base64格式的字符串.所以来给大家分享一下怎么样才能把图片转换成base64格式的字符串
文件读取器 FileReader
它是浏览器提供的一个函数,可以把图片对象转换成base64格式的字符串
第一步我们先new一个 FileReader然后用常量来接收
我们打印一下这个实例.
在这里我们只需要关注一个事件.
onload文件是否读取完毕
原型里面提供了一个readAsDataURL读取的地址作为数据地址
第二步读取你的图片对象.(读取文件是异步的)
onload事件读取完毕.所以我们这里监听onload事件.
reader的另外一个属性reslut. 他会把你读取的base64的地址放到result里面.
第三步.将reader.reslut赋值给你自定义的属性里就可以了.
这个时候图片就可以以base64格式的字符串上传了.