1 HTML源码
展开HTML源码
效果:↓
![](https://img2020.cnblogs.com/blog/1173617/202005/1173617-20200504001738360-1177580699.png)
2 JavaScript源码(base64图片编码 转 图片)
var dom = document.querySelector("div");
var tmpImgUrl = dom.style.background;
var base64Img = tmpImgUrl.substring(5,tmpImgUrl.length-2); // base64编码的图片数据
// base64Img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0 DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='";//形如←←←
var imgDom = document.querySelector("#img");
imgDom.setAttribute("src", base64Img);
效果:↓
![](https://img2020.cnblogs.com/blog/1173617/202005/1173617-20200504001931186-1611039800.png)