首页 > 其他分享 >vue element 显示 base64格式图片

vue element 显示 base64格式图片

时间:2024-04-09 15:11:08浏览次数:16  
标签:编码 vue text image base64 element data 代码

 

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

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

 

标签:编码,vue,text,image,base64,element,data,代码
From: https://www.cnblogs.com/webljl/p/18124019

相关文章