详解微信小程序图片地扯转base64解决方案

微信(小程序)  /  管理员 发布于 3年前   564

你还在找在小程序成如何将图片转base64存储起来并显示嘛，在这里呢，来瞧瞧。

使用方法

js文件

let $this = this;request({   url:'https://www.dounine.com/hello.jpg',   method:'GET',   responseType: 'arraybuffer',   success:function(res){    let base64 = wx.arrayBufferToBase64(res);    $this.data.userImageBase64 = 'data:image/jpg;base64,' + base64;;   }}); 

wxml文件

PS:小程序本地图片转base64最简单方法

• wx.chooseImage：得到图片地址
• wx.getFileSystemManager：创建文件管理类
• readFileSync：读取本地文件，直接得到base64

  wx.chooseImage({   success: function(res) {    console.log(wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))   },  })

附官方api：
https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.getFileSystemManager.html?search-key=getFileSystemManager

 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序实现图片翻转效果的实例代码
• 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
• 微信小程序实现点击图片旋转180度并且弹出下拉列表
• 微信小程序内拖动图片实现移动、放大、旋转的方法
• 微信小程序 Animation实现图片旋转动画示例
• 小程序图片剪裁加旋转的示例代码
• 小程序点击图片实现png转jpg