为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 微信小程序图片流&本地图片转base64处理方案

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

2021.08.23 15:18 619浏览

172

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

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
手记
粉丝
2
获赞与收藏
13

关注TA,一起探索更多经验知识

作者相关文章
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消