uniapp base64转为本地图片

8 篇文章 0 订阅
6 篇文章 0 订阅

新建一个js文件,兼容多个平台

const fsm = uni.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'));
  }
    // #ifdef MP-KUAISHOU
  const filePath = `${ks.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}`;
  // #endif
  // #ifdef MP-TOUTIAO
  const { microapp, common } = uni.getEnvInfoSync();
  const filePath = `${common.USER_DATA_PATH}/${FILE_BASE_NAME + Date.now()}.${format}`;
  // #endif
  // #ifdef MP-WEIXIN
  const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME + Date.now()}.${format}`;
  // #endif
  const buffer = uni.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'
base64src(this.data.shareQrImg, res => {
      console.log(res) // 返回图片地址,直接赋值到image标签即可
});

3、如果需要网络图片转换成base64格式

let base64 = wx.arrayBufferToBase64(res.data);
let userImageBase64 = 'data:image/jpg;base64,' + base64;
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值