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

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

2021-08-27 546
下载不了?请联系网站客服提交链接错误!
增值服务:
微信小程序图片流&本地图片转base64处理方案
最近更新 2021年08月27日
资源编号 105640

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

2021-08-27 小程序教程 0 546 百度已收录
限时活动VIP只需20元
增值服务:
¥ 0 钻石 开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

图片流转base64展示

const that = this;
request({
   url\'XXXXX\',
   method\'GET\',
   responseType\'arraybuffer\',
   successfunction(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\',
      duration2000
    })
  }
})


  • wx.chooseImage:获取本地图片
  • wx.getFileSystemManager:创建文件管理类
  • readFileSync:读取本地文件,直接得到base64
资源下载此资源仅限注册用户下载,请先

1、本站赞助VIP,仅需【128】元即可 ! ! ! (赞助后永久享受整站资源全部免费下载)
2、站内资源均可通过签到等任务进行免费兑换。(鼓励大家签到)
3、站内资源均来源于网络公开发表文件或网友投稿发布,如侵犯您的权益,请联系管理员处理。
4、本站所分享的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
5、所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款兑现(特殊情况可退积分),请熟知后再赞助下载!收取的费用只为能长期与大家分享学习,本站为非商业性网站,纯属个人爱好!

K4资源 小程序教程 微信小程序图片流&本地图片转base64处理方案 https://www.k4sc.com/105640.html

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务