base64和图片之间的相互转化

最新推荐文章于 2025-06-13 12:42:03 发布

原创最新推荐文章于 2025-06-13 12:42:03 发布 · 838 阅读

1 ·

CC 4.0 BY-SA版权

2021前笔记专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种在微信小程序环境下，如何将Base64编码的数据转换为本地文件的方法，并提供了完整的代码实现。包括从URL获取Base64数据、解析Base64字符串、写入文件以及读取本地文件并返回Base64编码的详细步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const fsm = wx.getFileSystemManager();
const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名

function base64src(base64data, cb) {
  console.log(base64data)
  const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];
  if (!format) {
    return (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() {
      cb(filePath);
    },
    fail() {
      return (new Error('ERROR_BASE64SRC_WRITE'));
    },
  });
};




function base64({url,type}) {
  return new Promise((resolve, rejiect) => {
    wx.request({
      url: url,
      responseType: 'arraybuffer',
      success: res => {
        let base64Url = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64
        // resolve('data:image/' + type.toLocaleLowerCase() + ';base64,' + base64Url)
        resolve(base64Url)
      }
    });
  })
};

export { base64src, base64 };

调用摄像头后获取的本地文件路径

function base64({ url, type }){
  return new Promise((resolve, reject) => {
    wx.getFileSystemManager().readFile({
      filePath: url, //(本地文件)
      encoding: 'base64', //编码格式
      success: res => {
        console.log(res.data)
        // resolve('data:image/' + type.toLocaleLowerCase() + ';base64,' + res.data)
        resolve(res.data)
      },
      fail: res => reject(res.errMsg)
    })
  })
};