javascript 将URL转换为Blob、base64

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script>
            // 图片地址 转为 blob 、base64格式 imgUrl类型为字符串string
            function base64ByURL (imgUrl) {
            // 两大重点 Promise  XMLHttpRequest
                return new Promise(resolve => {
                    var xhr = new XMLHttpRequest();
                    xhr.open("get", imgUrl, true);
                    xhr.responseType = "blob";
                    xhr.onload = function () {
                        if (this.status == 200) {
                            let blob = this.response;
                            let oFileReader = new FileReader();
                            oFileReader.onloadend = function (e) {
                                resolve({blob,base64:e.target.result})
                            };
                            oFileReader.readAsDataURL(blob);
                        }
                    };
                    xhr.send();
                });
            };
 
 
            // 调用
            base64ByURL().then(res=>{
                let {blob,base64} = res;
                console.log(blob,base64,"blob,base64")
            });
</script>

  

posted @   时光SHG  阅读(397)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
点击右上角即可分享
微信分享提示