微信Web开发-如何将Jssdk获取的wx.chooseImage路径转为base64位

版权声明：本文为博主原创文章，未经博主允许不得转载。如有转载请留言，谢谢~ https://blog.csdn.net/qq_38209578/article/details/88424386

微信web开发移动端，通过微信上传图片比较人脸识别技术中，又遇到jssdk中wx.getLocalImgData获取base64位的坑，与大家分享一下。

1.序

关于如何引入jssdk及config配置上一篇文章已经有描述，就不在重复了
https://blog.csdn.net/qq_38209578/article/details/88400231

2.代码片段

js代码片段

function camera() { // 拍照上传
       wx.chooseImage({
           count: 1, // 默认9
           sizeType: ['original', 'compressed'], // 'original', 'compressed'可以指定是原图还是压缩图，默认二者都有
           sourceType: ['album','camera'], // 'album', 'camera'可以指定来源是相册还是相机，默认二者都有
           success: function (res) {
               var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
               // let imageView = document.getElementById('preview1');
               // imageView.src = localIds;
               let imageView = document.getElementById('preview1');
               imageView.src = localIds;
               urlTobase64(localIds);
           }
       });
   }
function urlTobase64(url){
     wx.getLocalImgData({
         localId: url[0],//图片的本地ID
         success: function (res) {
             var localData = res.localData;
             if (localData.indexOf('data:image') != 0) {                       
                     //判断是否有这样的头部                                               
                     localData = 'data:image/jpeg;base64,' +  localData                    
             }                    
             localData = localData.replace(/\r|\n/g, '').replace('data:image/jgp', 'data:image/jpeg'); // 此处的localData 就是你所需要的base64位                 
         }    
     })
 }