获取base64的src为空的解决办法

楠木青城`

于 2019-04-30 17:14:49 发布

阅读量3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：获取base64的src为空的解决办法

本文链接：https://blog.csdn.net/weixin_43636710/article/details/89713205

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了使用Base64格式加载图片时，如何在img元素的onload事件中正确获取其src属性值的问题。这对于实现动态改变URL地址并实时更新二维码图片的应用场景至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

img采用base64加载图片时为啥无法通过src属性获取base64值，该需求是在用qrcode来做url地址转换成二维码图片，需要动态改变url地址来动态获取base64的src时
在这里插入图片描述

在这里插入图片描述

无论怎么获取都是null，后来发现是必须在里面img.onload = function(){}函数里面获取才不为null

// right
img.onload = function() {
	 let baseSrc = document.querySelector("#qrcode img");
     console.log(baseSrc.getAttribute("src"));
    
}

//error
img.onload = function() {    
}
let baseSrc = document.querySelector("#qrcode img");
console.log(baseSrc.getAttribute("src"));