微信小程序将base64和图片互转

本文介绍了如何在微信小程序中处理base64格式的二维码图片。在生成海报时,需要将base64编码的二维码转换为本地图片以确保在手机上正常显示。通过创建base64src.js文件进行转换操作,并在需要的文件中引入和使用。同时,也提及了将网络图片转换为base64格式的方法。

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

在生成海报时 需要在海报里生成对应id的商品二维码,可以使用字符串转化为二维码图片,但是其图片格式为base64,在微信开发者工具可以正常查看,但是手机测试无法显示,需要把base64图片转为本地图片。

1.新建base64src.js文件
// 小程序分享二维码是base64格式,在制作分享图时,需要转换为图片格式

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

function base64src(base64data, cb) {
  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'));
    },
  });
};

export { base64src };

2、在需要使用的文件中引入并使用

import { base64src } from '../../utils/base64src.js'
Page({
  data: {
    shareQrImg: "data:image/jpeg;base64,/9j/4AAQSkZJRgA....
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值