微信h5中使用wx.chooseImage选择手机相册图片后转换为base64格式微信

首先JSSDK的使用直接看文档配置。
默认我们都已经可以正常使用图像接口。
转换格式使用以下两个图像接口。

文章图片

文章图片

【微信h5中使用wx.chooseImage选择手机相册图片后转换为base64格式】核心代码

async handleChoose(){ // 某个点击事件的处理函数 let that = this; wx.ready(function(){ wx.chooseImage({ count: 1, // 默认9 sizeType: ['compressed'], success: function (res) { let localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片 wx.getLocalImgData({ // 获取本地图片 localId: localIds[0], success: function (res) { let localData = https://www.it610.com/article/res.localData; let checkImage =''; console.log(localData); // 在安卓和IOS中获取到格式稍微有点区别，具体看下图 if(localData.indexOf('base64') >= 0){ //我传给后台的参数是不需要data:image/png; base64,所以去掉了。大家可以根据具体的业务需求对该格式做变化。 checkImage = localData.split(',')[1]; }else{ checkImage = localData; } that.checkImage(checkImage); // 获取到之后自行操作的函数 } }); }, fail:function(err){ var vConsole = new VConsole(); // 使用VConsole包可在IOS系统真机中查看错误信息，具体用法自行到npm官网瞅瞅 console.log(err); } }) }) }; checkImage(resp){ ... }

IOS中localData获取到的格式