vue element 显示 base64格式图片 pdf

 

<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 图片数据
  data:application/pdf;base64  pdf

 

posted @ 2024-04-09 15:09  磊~~  阅读(279)  评论(0编辑  收藏  举报