img src 使用 base64 图片数据

在网页上显示一张图片通常是 <img src="xxx.png" > 或 <img src="www.url.com/te.png">

但是如果我们有图片base64数据；也可以使用 base64数据来在网页上显示一张图片；

格式：

<img src="data:image/bmp;base64,Qk32egAAAAAAADYE...(图片base数据)>

上面一个是 注意 图片格式： image/bmp, 这里可以使用主流的图片格式jpg,png等

后面的 Qk32 为该图片的 base64数据；

Base64格式data:[][;charset=][;base64],Base64 在CSS中的使用.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }Base64 在HTML中的使用

　　

 

图片在线转base64数据