uniapp 存储base64资源为http链接图片

1. 新建一个base64.js 文件

javascript 复制代码
const fsm = wx.getFileSystemManager();
// base64data = base64资源
// name = 文件名
function base64src(base64data, name, cb) {
	const time = new Date().getTime();
  const filePath = `${wx.env.USER_DATA_PATH}/${name}.${time}.png`;
  const buffer = uni.base64ToArrayBuffer(base64data)
		fsm.writeFile({
    filePath,
    data: buffer,
    encoding: 'binary',
    success() {
      cb(filePath);
    },
    fail() {
      return (new Error('ERROR_BASE64SRC_WRITE'));
    },
  });
};
module.exports = base64src;
  1. 引入使用
javascript 复制代码
import base64src from "@/utils/base64.js"; // 
javascript 复制代码
// 模拟一个请求然后获取到base64 后赋值给函数
let parmas = { type: 'test'	}
testRequst(parmas).then(res => {
	base64src(res, res.schoolId, (res) => {
		let img = res  // http格式图片
	});
})
相关推荐
敲代码的鱼哇4 小时前
发送短信/拨打电话/获取联系人能力 UTS 插件(cz-sms)
android·前端·ios·uni-app·安卓·harmonyos·鸿蒙
MY_TEUCK1 天前
【AI开发】从0到1写一个uni-app Vue3 小程序开发的Skill:用法、流程与踩坑复盘
人工智能·uni-app
雪芽蓝域zzs1 天前
uni-app x uts类转换
uni-app
游戏开发爱好者81 天前
深入理解iOSTime Profiler:提升iOS应用性能的关键工具
android·ios·小程序·https·uni-app·iphone·webview
gskyi1 天前
UniApp Vue3 数据透传终极指南
javascript·vue.js·uni-app
gskyi1 天前
uni-app 高阶实战:onLoad与getCurrentPages深度技巧
前端·javascript·vue.js·uni-app
阿奇__2 天前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app
云起SAAS2 天前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
蹦哒2 天前
UniApp 原生插件开发完整指南
uni-app
a_Ichuan2 天前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app