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格式图片
	});
})
相关推荐
Q_Q5110082857 小时前
python+uniapp基于微信小程序团购系统
spring boot·python·微信小程序·django·uni-app·node.js·php
炒毛豆8 小时前
uniapp微信小程序+vue3基础内容介绍~(含标签、组件生命周期、页面生命周期、条件编译(一码多用)、分包))
vue.js·微信小程序·uni-app
盛夏绽放12 小时前
关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读
微信小程序·小程序·uni-app
知识分享小能手13 小时前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app
2501_9160088914 小时前
iOS 发布全流程详解,从开发到上架的流程与跨平台使用 开心上架 发布实战
android·macos·ios·小程序·uni-app·cocoa·iphone
风清云淡_A17 小时前
【uniapp】uni.uploadFile上传数据多出一个304的get请求处理方法
uni-app
shykevin17 小时前
uni-app x商城,商品列表组件封装以及使用
windows·uni-app
cesske17 小时前
uniapp 编译支付宝小程序canvas 合成图片实例,支付宝小程序 canvas 渲染图片 可以换成自己的图片即可
小程序·uni-app·apache
Q_Q5110082851 天前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
2501_916007471 天前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview