前端 js中图片地址转base64

最新推荐文章于 2024-03-08 21:33:31 发布

嘿，小苹果

最新推荐文章于 2024-03-08 21:33:31 发布

阅读量724

点赞数

分类专栏： javascript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/AAAXiaoApple/article/details/128723620

版权

javascript 专栏收录该内容

29 篇文章 2 订阅

订阅专栏

直接复制走，把想转的图片地址放进去就行！

function getBase64(imgUrl) {
    window.URL = window.URL || window.webkitURL;
    var xhr = new XMLHttpRequest();
    xhr.open("get", imgUrl, true);
    xhr.responseType = "blob";
    xhr.onload = function(){
        if(this.status == 200){
            //得到一个blob对象
            var blob = this.response;
            console.log("blob", blob)
            // 至关重要
            let oFileReader = new FileReader();
            oFileReader.onloadend = function(e){
                // 此处拿到的已经是base64的图片了,可以赋值做相应的处理
                console.log(e.target.result)
            }
            oFileReader.readAsDataURL(blob);
        }
    }
    xhr.send();
}
 
getBase64('需要转成base64的图片url')