小程序上传头像云存储wx.chooseMedia

520 阅读1分钟

需要用到的微信api

wx.chooseMedia

拍摄或从手机相册中选择图片或视频

wx.cloud.uploadFile

将本地资源上传至云存储空间,如果上传至同一路径则是覆盖写

  chooseImg() { //该函数绑定修改图片区域
    let that = this;
    wx.chooseMedia({
      count: 9, //最多可以选择的文件个数
      mediaType: ['image'], //只能拍摄图片或从相册选择图片
      sourceType: ['album', 'camera'], //从相册选择 | 	使用相机拍摄
      camera: 'back', //使用后置摄像头
      success(res) {
        console.log(res.tempFiles[0].tempFilePath)
        wx.cloud.uploadFile({  //上传临时图片
          cloudPath: `xxxx/xxxx/${new Date().getTime()}_${Math.floor(Math.random()*1000)}.jpg`,
          filePath: res.tempFiles[0].tempFilePath, // 文件本地路径
          success: res => {
            console.log("上传成功", res.fileID) //微信小程序可以直接使用fileID渲染文件
            wx.showToast({
              title: '上传成功',
              icon: 'success',
              duration: 2000
            })
          },
          fail: err => {
            console.log(err);
            wx.showToast({
              title: '上传失败',
              icon: 'error',
              duration: 2000
            })
          }
        })
      }
    })
  },

上传成功后打开云开发面包云存储内查看 image.png

一切以官方文档的内容为准,因为你说不准官方啥时候突然废弃这个接口