vue element 显示 base64格式图片

vue element 显示 base64格式图片

html

<el-image 
     style="width: 300px; height: 150px"
     :src="url"
     :preview-src-list="srcList">
</el-image>

js

this.url='data:image/png;base64,' + row.PAGE_IMG

其他格式

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 图片数据

参考地址：https://blog.csdn.net/weixin_45498465/article/details/106540629