HTML中如何使用base64格式的图片

牧杉-惊蛰

已于 2023-07-13 20:14:27 修改

阅读量5.6k

点赞数 1

文章标签： html 前端服务器

于 2023-07-13 20:04:03 首次发布

本文链接：https://blog.csdn.net/m0_63026408/article/details/131710486

版权

博客介绍了一种处理图片的方法，即在图片的src最前方添加 'data:image/gif;base64,' 字符串。

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

在图片的src最前方加个 'data:image/gif;base64,' 字符串就可以了

<!--                  base64 解码           -->
<!-- 在css的写法 -->
.mce-shim {
  background:url(
    data:image/gif;base64,
    R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  height: 100%;
  width: 100%;
}
<!-- 在html代码img标签里的写法 -->
<img :src="'data:image/gif;base64,'+url" alt=""/>
<img :src="'data:image/jpeg;base64,' + url" alt=""/>
<img :src="'data:image/png;base64,' + url" alt=""/>



<!-- base64 编码 -->
import { Base64 } from 'js-base64';
password: Base64.encode(password),