多语言展示
当前在线:1872今日阅读:84今日分享:32

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

在前端怎么将base64解析成图片?其实这个问题很简单的,我们可以直接把base64数据显示在图片标签里,下面来看一下是怎么处理的。
方法/步骤
1

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

3

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

4

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

5

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

6

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

7

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

推荐信息