feling.net/rank/base64-03.md

title	layout	keywords	date	source	description
在前端怎么解析base64图片	pages	base64图片 base64编码解码	2020-02-22	艾乎网	在html里，我们要输出显示一个图片，正常是使用img标签，然后src写上图片的地址。但如果你的图片内容是一份base64图片编码的字符，我们是可以直接将其放到img标签的src属性里的。

其实这个问题很简单的，我们可以直接把base64图片数据显示在图片标签里，下面来看一下是怎么处理的。在html里，我们要输出显示一个图片，正常是使用img标签，然后src写上图片的地址。但如果你的图片内容是一份base64图片编码的字符，我们是可以直接将其放到img标签的src属性里的。

但要注意的是，如果你得到的编码内容，没有前面的data：这部分内容，在放到img标签里时，需要添加上除了能显示在img标签上，我们还可以将其显示在css的background-image样式上，同样是直接放上编码内容。