微信小程序图片流&本地图片转base64处理方案
文章图片
图片流转base64展示
const that = this;
request({
url: 'XXXXX',
method: 'GET',
responseType: 'arraybuffer',
success: function(res) {
const base64 = wx.arrayBufferToBase64(res);
that.setData({
userImageBase64: `data:image/jpg;
base64,${base64}`
});
}
});
wxml展示图片
本地图片转base64
wx.chooseImage({
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths;
const fileManager = wx.getFileSystemManager();
const base64 = fileManager.readFileSync(tempFilePaths[0], 'base64');
console.log('=============================', base64);
},
fail () {
wx.showToast({
title: '获取图片失败',
icon: 'success',
duration: 2000
})
}
})- wx.chooseImage：获取本地图片
- wx.getFileSystemManager：创建文件管理类
- readFileSync：读取本地文件，直接得到base64
- 面试官：遇到一个从没接触过的问题你是怎么解决的？
- 开发小程序分页功能时的这些坑你遇到过吗？
- live-server本地搭建临时服务
【微信小程序图片流&本地图片转base64处理方案】
文章图片
推荐阅读
- 一个小故事，我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗（）