微信小程序头像保存方法，适合评论类保存，防止头像链接失效方法(已解决)

之前做的项目需要保存用户头像，需要解决的问题有以下
1.如果使用open-data里的数据则只能用于给当前用户展示自己的头像，无法用于评论区给全部用户显示头像
2.如果每次进入小程序使用wx.getUserInfo()获取头像后再更新数据，如果你的评论内容多了，评论里保存的头像链接每次都更新将会拖慢运行速度，而且操作起来非常麻烦
3.评论里的用户头像需要不会过期可以一直显示，即使用户换了头像也仍然有效
4.如果不获取微信头像，用户进入小程序还需要提交一个图片做完头像非常繁琐

我的解决办法是在用户第一进入小程序的时候使用wx.getUserInfo()获取用户头像数据，然后将用户头像的url转换为图片格式保存在服务器，再将服务器的图片url保存再用户数据里，这样即使用户换了头像图片链接也不会失效，再提供更换头像功能就解决了。下面上代码

getUserInfo(e){
      var that =this
      this.setData({getinfo: false})
      wx.getSetting({
        success:function(res){
          if(res.authSetting['scope.userInfo']){
            wx.getUserInfo({
              success:function(res2){
                var avatarUrl = res2.userInfo.avatarUrl
                wx.getImageInfo({
                  src: avatarUrl,
                  success:function(res3){
                    var filePath = res3.path
                    var cloudPath = 'avatar/' + new Date().getTime() + that.data.openid + res3.path.match(/\.[^.]+?$/)[0]
                      wx.cloud.uploadFile({
                        cloudPath,
                        filePath,
                        complete: res4 => {
                          db.collection('user').doc(that.data.openid)
                          .update({
                            data:{
                              avatarUrl:res4.fileID
                            }
                          }).then(res=>{
                            wx.redirectTo({
                              url: '../login/login',
                            })
                          })
                        } 
                      })
                  }
                })
              }
            })
          }
        }
      })
    },

这里的代码写的很不好，有回调地狱，但是当时的确为了解决这个问题想了很久，就很急着实现了，但是大概的方法就是这样，我使用的是微信小程序云开发。我在用户第一次进入小程序的时候弹出一个授权框，如果授权了就获得头像，如果没有拒绝了就无法打开个人页面，如果打开个人页面会弹出授权框，拒绝就返回首页，接受就能浏览。

如果还有什么好的解决方法希望大家在评论区告诉我，如果这个思路可以解决你的问题不妨给我点个赞吧！