小程序二维码base64转为图片(二维码的获取)

本文介绍了如何在小程序中将base64格式的图片转换为本地图片资源。首先,通过wx.base64ToArrayBuffer将base64数据转化为ArrayBuffer,然后使用FileSystemManager.writeFile将ArrayBuffer写入本地用户路径的图片文件。最后,利用wx.getImageInfo接口读取图片并在canvas上绘制。此外,还提及了下载文件资源到本地的方法。
摘要由CSDN通过智能技术生成

一、base64
1、base64图片
在这里插入图片描述
base64 格式图片数据,无法被 getImageInfo直接调用
2、解决方法
1、首先使用 wx.base64ToArrayBuffer 将 base64 数据转换为 ArrayBuffer 数据
2、使用 FileSystemManager.writeFile 将 ArrayBuffer 数据写为本地用户路径的二进制图片文件
3、此时的图片文件路径在 wx.env.USER_DATA_PATH 中, wx.getImageInfo 接口能正确获取到这个图片资源并 drawImage 至 canvas 上
封装一个js文件
const fsm = wx.getFileSystemManager();
const FILE_BASE_NAME = ‘tmp_base64src’;

const base64src = function(base64data) {
return new Promise((resolve, reject) => {
const [, format, bodyData] = /data:image/(\w+);base64,(.*)/.exec(base64data) || [];
if (!format) {
reject(new Error(‘ERROR_BASE64SRC_PARSE’));
}
const filePath = ${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format};
const buffer = wx.base64ToArr

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值