写点什么

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

发布于: 23 小时前
微信小程序图片流&本地图片转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 展示图片


<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
用户头像

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

关注公众号互相了解一下

评论

发布
暂无评论
微信小程序图片流&本地图片转base64处理方案