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格式图片
	});
})
相关推荐
三天不学习2 小时前
uni-app 蓝牙开发
uni-app
耶啵奶膘3 小时前
uniapp+vue2+uview2.0导航栏组件二次封装
前端·javascript·uni-app
MavenTalk3 小时前
前端技术选型之uniapp
android·前端·flutter·ios·uni-app·前端开发
坚定信念,勇往无前3 小时前
uni-app运行 安卓模拟器 MuMu模拟器
android·uni-app
开心就好13145204 小时前
uniapp 开发微信小程序笔记
笔记·微信小程序·uni-app
killsime6 小时前
uniapp前端开发,基于vue3,element plus组件库,以及axios通讯
elementui·uni-app·vue·axios
ZL_56720 小时前
uniapp中使用uni-forms实现表单管理,验证表单
前端·javascript·uni-app
1登峰造极1 天前
uniapp中uni-popup在小程序中滚动穿透问题
小程序·uni-app
printf_8241 天前
uniapp内嵌的webview H5与应用通信
uni-app
AscendKing1 天前
uniapp介入极光推送教程 超级详细
uni-app·极光推送