wxml 部分代码如下：

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">

    <image class="avatar" src="{{avatarUrl}}"></image>

  </button>

Js代码如下：

onChooseAvatar(e) {//选择头像

    var  avatarUrl  = e.detail.avatarUrl

    var that=this

    wx.getImageInfo({

      src: avatarUrl,

      success:res=>{

        wx.uploadFile({

          url: api.UploadAvatar+'?token='+wx.getStorageSync('token'),

          filePath: res.path,

          name: 'avatar',

            header:{ 'Content-Type':'multipart/form-data' },

          success (res){

           console.log('成功',res);

           var _res = JSON.parse(res.data);

           if(_res.code==0){//上传成功

            that.setData({

   avatarUrl:_res.data.avatar 

 })

           }      

          },

          fail(res){

            console.log('失败',res);

          }

        })

      }

      })

  },

**选择相册图片或者拍照完成后有一个剪裁框，剪裁完后上传给后台得到的图片非常模糊。我想要的是清晰度好一点的图片，该如何解决？