base64图片展示
base64图片展示(后端给base64数据,前端展示图片)
1 | -- coding: utf-8 -- |
前端html中如何直接调用base64编码呢?
使用
1 | <img src="data:image/jpg;base64,这里是base64的编码"/> |
1 | export default { |
几种常见的格式
1.png格式:this.src = ‘data:image/png;base64,’ + this.baseImg (this.baseImg为base64编码的png图片数据) 2.jpeg格式:this.src = ‘data:image/jpeg;base64,’ + this.baseImg (this.baseImg为base64编码的jpeg图片数据) 3.gif格式 : this.src = ‘data:image/gif;base64,’ + this.baseImg (this.baseImg为base64编码的gif图片数据) 4.pdf格式 : this.src = ‘data:application/pdf;base64,${res}’ (res为base64编码的pdf图片数据)
本部落格所有文章除特別聲明外,均採用 CC BY-NC-SA 4.0 許可協議。轉載請註明來自 被梦的个人博客!
評論