uniapp 微信小程序 选择头像按钮 open-type="chooseAvatar" 选择相册图片和使用微信图片 的回调怎么回调

在uniApp中，如果你想要在微信小程序中使用`<button open-type="chooseAvatar">`作为选择头像的按钮，并且需要处理用户选择相册图片和拍照后的回调，你可以按照以下步骤操作：

1. 首先，在你的WXML文件中创建这个按钮并绑定对应的事件处理函数，比如叫它`chooseAvatarHandler`：

<button bindtap="chooseAvatarHandler" open-type="chooseAvatar">选择头像</button>

2. 然后，在对应的JS文件里定义这个事件处理器函数，这里假设它是在`Page`对象的生命周期内：

Page({
  chooseAvatarHandler(e) {
    // 获取上传的图片信息
    let avatarInfo = e.detail;
    
    // 处理图片数据，例如上传到服务器或者显示预览等
    this.handleImagePickerResult(avatarInfo);
  },
  
  handleImagePickerResult(avatarInfo) {
    if (avatarInfo.tempFilePath) { // 用户从相册选择
      // 使用tempFilePath显示图片，上传等操作
      console.log('用户选择了相册图片:', avatarInfo.tempFilePath);
    } else if (avatarInfo.fileObj) { // 用户拍摄新照片
      // fileObj包含完整的原图数据
      console.log('用户拍了张新照片:', avatarInfo.fileObj);
    }
  },
})

3. 当用户选择图片后，`handleImagePickerResult`函数会被调用，你可以在这里进一步处理用户选择的图片，如展示、存储等。

记得要在uni-app的`manifest.json`文件中配置相应的权限：

{
  "permissions": {
    "scope相机": true,
    "scope相册": true
  }
}