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

viceen

已于 2022-03-04 14:32:36 修改

阅读量2.8w

点赞数 5

分类专栏：工具文章标签： html js

于 2021-03-01 10:36:01 首次发布

本文链接：https://blog.csdn.net/weixin_44867717/article/details/114256224

版权

工具专栏收录该内容

163 篇文章

订阅专栏

本文介绍了如何使用Base64格式的图片数据直接在HTML页面上展示，并提供了具体的示例代码。此外还推荐了在线转换工具，帮助开发者轻松完成图片到Base64编码的转换。

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

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

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

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

图片转码：http://www.jsons.cn/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 图片数据