wx.getImageInfo 无法获取base64图片的信息

前言

微信小程序提供 wx.getImageInfo(Object object) 但是只能获取（网络路径、本地路径、代码包路径）的图片，无法获取base64 格式图片数据。

解决方案

是将base64的图片转化为本地用户路径的二进制图片文件

• 首先使用 wx.base64ToArrayBuffer 将 base64 数据转换为 ArrayBuffer 数据
• 使用 FileSystemManager.writeFile 将 ArrayBuffer 写为本地用户路径的二进制图片文件
• 此时的图片文件路径在 wx.env.USER_DATA_PATH 中， wx.getImageInfo 接口能正确获取到这个图片资源

以下是具体的 base64src.js 函数代码，注意写文件时去掉 base64 的头信息：

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.base64ToArrayBuffer(bodyData);
    fsm.writeFile({
      filePath,
      data: buffer,
      encoding: 'binary',
      success() {
        resolve(filePath);
      },
      fail() {
        reject(new Error('ERROR_BASE64SRC_WRITE'));
      },
    });
  });
};

export default base64src;
复制代码