angular使用 base64位格式图片/ionic使用 base64位图片/vue使用base64位图片

在写微信支付二维码的时候,返回的是 base64 格式的图片。
网上查了一大堆都是base64转jpg,都是通过file保存到本地再读取,其实可以通过img标签直接加载

  使用原生的标签<img> 代替 <image> 标签即可
  例如:
  <img src="data:image/png;base64,xxxxxxxxxxxxxxx">

当然不止可以加载png的图片,其他格式的都可以解析

以下是整理出来的类型,其中data表示取得数据的协定名称,:后面的xxx/xx是数据类型名称,往后的base64 是数据的编码方法,base64 之后的逗号后面是xxx/xxx文件base64编码后的数据.
代码格式 代码类型
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图片数据

猜你喜欢

转载自blog.csdn.net/qq_25992675/article/details/98115849