changeavatar() {
        wx.chooseImage({
            count: 1,
            success:(res)=> {
                const tempFilePaths = res.tempFilePaths
                wx.uploadFile({
                    
                    url: 'https://showme2.myhope365.com/api/system/user/profile/update/avatar/nos',
                    filePath: tempFilePaths[0],
                    name: 'avatarfile',
                    header:{
                        "cookie": wx.getStorageSync("cookie") || ""
                    },
                    success:(res)=>{
                        const data = res.data
                        //do something
                        // 请求个人数据
                        getUserInfo().then(res=>{
                            app.globalData.userInfo = res.data.data
                            app.globalData.isLogin = true
                            this.setData({
                                userInfo: res.data.data,
                                isLogin: true
                        }) 
                })
            }
        })
        wx.chooseImage({

        })
        wx.uploadFile({
            filePath: 'https://showme2.myhope365.com/api/system/user/profile/update/avatar/nos',

        })
    }
    })
 },

1. 下载文件所需文件

     https://github.com/we-plugin/we-cropper

2. 找到对应文件，并导入小程序中
   
3. 文件中核心模块

4. 页面中使用

//wxml

<import src="../../we-cropper/we-cropper.wxml"/>   //  导入模板
<view class="cropper-wrapper">
  <template is="we-cropper" data="{{...cropperOpt}}"/>   //  导入模板
  <view class="cropper-buttons">
    <view
      class="upload btn"
      bindtap="uploadTap">
      上传图片
    </view>
    <view
      class="getCropperImage btn"
      bindtap="getCropperImage">
      生成图片
    </view>
  </view>
</view>


//js
import WeCropper from '../../we-cropper/we-cropper.js'
const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 50
Page({
  data: {
    cropperOpt: {
      id: 'cropper',
      targetId: 'targetCropper',
      pixelRatio: device.pixelRatio,
      width,
      height,
      scale: 2.5,
      zoom: 8,
      cut: {
        x: (width - 300) / 2,
        y: (height - 300) / 2,
        width: 300,
        height: 300
      },
      boundStyle: {
        mask: 'rgba(0,0,0,0.8)',
        lineWidth: 1
      }
    }
  },
  touchStart (e) {
    this.cropper.touchStart(e)
  },
  touchMove (e) {
    this.cropper.touchMove(e)
  },
  touchEnd (e) {
    this.cropper.touchEnd(e)
  },
  getCropperImage () {
    this.cropper.getCropperImage(function (path, err) {
      if (err) {
        wx.showModal({
          title: '温馨提示',
          content: err.message
        })
      } else {
        wx.previewImage({
          current: '', // 当前显示图片的 http 链接
          urls: [path] // 需要预览的图片 http 链接列表
        })
      }
    })
  },
  uploadTap () {
    const self = this

    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success (res) {
        const src = res.tempFilePaths[0]
        //  获取裁剪图片资源后，给data添加src属性及其值

        self.cropper.pushOrign(src)
      }
    })
  },
  onLoad (option) {
    const { cropperOpt } = this.data

    // cropperOpt.boundStyle.color = config.getThemeColor()

    this.setData({ cropperOpt })

    if (option.src) {
      cropperOpt.src = option.src
      this.cropper = new WeCropper(cropperOpt)
        .on('ready', (ctx) => {
          console.log(`wecropper is ready for work!`)
        })
        .on('beforeImageLoad', (ctx) => {
          console.log(`before picture loaded, i can do something`)
          console.log(`current canvas context:`, ctx)
          wx.showToast({
            title: '上传中',
            icon: 'loading',
            duration: 20000
          })
        })
        .on('imageLoad', (ctx) => {
          console.log(`picture loaded`)
          console.log(`current canvas context:`, ctx)
          wx.hideToast()
        })
        .on('beforeDraw', (ctx, instance) => {
          console.log(`before canvas draw,i can do something`)
          console.log(`current canvas context:`, ctx)
        })
    }
  }
})

// wxss
.cropper{
    position: absolute;
    top: 0;
    left: 0;
}

.cropper-buttons{
    background-
    color: rgba(0, 0, 0, 0.95);
}

.btn{
    height: 30px;
    line-height: 30px;
    padding: 0 24rpx;
    border-radius: 2px;
    color: #ffffff;
}
.cropper-wrapper{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #e5e5e5;
}

.cropper-buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 20rpx;
    box-sizing: border-box;
    line-height: 50px;
}

.cropper-buttons .upload, .cropper-buttons .getCropperImage{
    text-align: center;
}
page{
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}

之前做的项目需要保存用户头像，需要解决的问题有以下
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',
                            })
                          })
                        } 
                      })
                  }
                })
              }
            })
          }
        }
      })
    },

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

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