在前端怎么将base64解析成图片

 时间:2024-10-12 22:18:40

1、在html里,我们要输出显示一个图片,正常是使用img标签,然后src写上图片的地址。

在前端怎么将base64解析成图片

2、但如果你的图片内容是一份base64编码的字符吕,比如图中的这种字符串。

在前端怎么将base64解析成图片

3、我们是可以直接将其放到img标签的src属性里的。

在前端怎么将base64解析成图片

4、运行页面,我们可以看到,这同样可以显示出图片的内容。

在前端怎么将base64解析成图片

5、但要注意的是,如果你得到的base64编码内容,没有前面的data:这部分内容,在放到img标签里时,需要添加上。

在前端怎么将base64解析成图片

6、除了能显示在img标签上,我们还可以将其显示在css的background-image样式上,同样是直接放上编码内容。

在前端怎么将base64解析成图片

7、看下页面,这是样式背景重复平铺的效果。

在前端怎么将base64解析成图片
  • jquery实现点击按钮添加和移除class
  • 如何使用SQLyog复制数据库表
  • 匿名型Samba服务器配置
  • MATLAB生成图像保存时四周全黑色问题解决方案
  • IDEA怎么设置弹出窗口类型为粘性气球
  • 热门搜索
    焖面怎么做好吃 手机进水了怎么处理 舌尖发麻是怎么回事 蛀牙疼怎么办 美国电话怎么打 泰国斗鱼怎么养 怎么叠千纸鹤 怎么瘦脸最快 台式电脑怎么调亮度 压敏电阻怎么测量好坏