美文网首页
利用h5新特性将图片读取成base64

利用h5新特性将图片读取成base64

作者: Kevin_Tsang | 来源:发表于2018-10-06 17:45 被阅读0次

getImg(e) {
// 在读取文件前要自己根据相关api定义好读取器和读取动作完成时执行的方法
// 先创建转换器
const reader = new FileReader();
// 定义读取完成时的执行的方法
reader.onloadend = () => {
// 储存读取结果(这里的result即图片的base64编码)
this.imgs.push(reader.result);
};
// 上面都是定义,下方才开始真正的读取动作。除了读取图片成base64,还可以读取文本成字符串
reader.readAsDataURL(e.target.files[0]);
}

相关文章

网友评论

      本文标题:利用h5新特性将图片读取成base64

      本文链接:https://www.haomeiwen.com/subject/hhbhaftx.html