在HTML中显示base64格式的img图片

base64的图片可以直接显示在网页上面

<img src=“data:image/png;base64,***************************************************"/>                                                                                    
                                                                                        <img v-show="showQR" src="data:image/jpeg;base64,base64 编码的 jpeg 图片数据" />

图片转码：http://www.jsons/img2base64
转码工具——https://base64.us/
格式

data:, 文本数据

data:text/plain, 文本数据

data:text/html,HTML 代码

data:text/html;base64,base64 编码的 HTML 代码

data:text/css,CSS 代码

data:text/css;base64,base64 编码的 CSS 代码

data:text/javascript,Javascript 代码

data:text/javascript;base64,base64 编码的 Javascript 代码

data:image/gif;base64,base64 编码的 gif 图片数据

data:image/png;base64,base64 编码的 png 图片数据

data:image/jpeg;base64,base64 编码的 jpeg 图片数据

data:image/x-icon;base64,base64 编码的 icon 图片数据

更多推荐

在HTML中显示base64格式的img图片