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格式图片
	});
})
相关推荐
九亿少女无法触及的梦ى6 小时前
uni-app集成sqlite
sqlite·uni-app
繁依Fanyi7 小时前
巧妙实现右键菜单功能,提升用户操作体验
开发语言·前端·javascript·vue.js·uni-app·harmonyos
乔冠宇18 小时前
微信小程序修改个人信息头像(uniapp开发)
微信小程序·小程序·uni-app
一个处女座的程序猿O(∩_∩)O21 小时前
Uniapp 开发中遇到的坑与注意事项:全面指南
uni-app
Elena_Lucky_baby21 小时前
uniapp 网络请求封装(uni.request 与 uView-Plus)
uni-app
黑云压城After1 天前
uniapp小程序自定义日历(签到、补签功能)
小程序·uni-app
烂蜻蜓1 天前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html
Elena_Lucky_baby1 天前
uniapp封装请求
uni-app
尚学教辅学习资料1 天前
基于SpringBoot+Vue+uniapp的高校招聘小程序+LW参考示例
spring boot·uni-app·招聘系统
岑梓铭1 天前
uniapp邪门事件
uni-app