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>

  


__EOF__

本文作者时光
本文链接https://www.cnblogs.com/SHGG/p/18331425.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   时光SHG  阅读(415)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示