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

本文链接：https://blog.csdn.net/weixin_42397018/article/details/106109467

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

核心代码

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 = 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){
	...
}