前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >图片转base64

图片转base64

作者头像
ProsperLee
发布2018-10-24 10:43:08
3K0
发布2018-10-24 10:43:08
举报
文章被收录于专栏:互联网软件技术
代码语言:javascript
复制
 1         /**
 2          * [getBase64 转换成base64]
 3          * @param  {[String]} imgUrl [图片地址]
 4          */
 5         function getBase64(imgUrl) {
 6         
 7             window.URL = window.URL || window.webkitURL;
 8         
 9             var xhr = new XMLHttpRequest();
10         
11             xhr.open("get", imgUrl, true);
12 
13             // 返回的数据类型
14             xhr.responseType = "blob";
15 
16             xhr.onload = function () {
17         
18                 if (this.status == 200) {
19         
20                     // 得到一个blob对象
21                     var blob = this.response;
22                     
23                     console.log(blob);
24 
25                     // 文件读取
26                     let fileReader = new FileReader();
27         
28                     fileReader.onloadend = function (e) { // onloadend 当读取操作完成时调用,不管是成功还是失败
29         
30                         let base64 = e.target.result;
31 
32                         console.log(base64); //输出base64
33 
34                     };
35         
36                     fileReader.readAsDataURL(blob); // 异步读取文件内容,结果用data:url的字符串形式表示
37         
38                 }
39         
40             }
41         
42             xhr.send();
43         
44         }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档