三步教你将图片转换成base64格式的字符串

448 阅读1分钟

今天遇到的一个需求是把图片转换成base64格式的字符串.所以来给大家分享一下怎么样才能把图片转换成base64格式的字符串

文件读取器 FileReader

它是浏览器提供的一个函数,可以把图片对象转换成base64格式的字符串

第一步我们先new一个 FileReader然后用常量来接收

image.png 我们打印一下这个实例.

image.png 在这里我们只需要关注一个事件.onload文件是否读取完毕

1653312359(1).png 原型里面提供了一个readAsDataURL读取的地址作为数据地址

1653312534(1).png

第二步读取你的图片对象.(读取文件是异步的)

image.png onload事件读取完毕.所以我们这里监听onload事件.

image.png reader的另外一个属性reslut. 他会把你读取的base64的地址放到result里面.

第三步.将reader.reslut赋值给你自定义的属性里就可以了.

image.png 这个时候图片就可以以base64格式的字符串上传了.