微信小程序图片流 & 本地图片转 base64 处理方案

关注

发布于: 23 小时前

图片流转 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 展示图片

<image src='{{userImageBase64}}' style='width: 100rpx; height: 100rpx;' />

复制代码

本地图片转 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

大家在看

关注公众号：页面仔小杨【实战干货、原创分享】

发布于: 23 小时前阅读数: 9

原文链接:【http://xie.infoq.cn/article/ea149bdcbf2317bb44909091c】。文章转载请联系作者。

页面仔小杨

关注

公众号：页面仔小杨【实战干货原创分享】 2019.10.12 加入

关注公众号互相了解一下

发布

暂无评论

创作场景

微信小程序图片流 & 本地图片转 base64 处理方案

图片流转 base64 展示

本地图片转 base64

大家在看

关注公众号： 页面仔小杨 【实战干货、原创分享】

页面仔小杨

评论

关注公众号：页面仔小杨【实战干货、原创分享】