小程序上传头像云存储

需要用到的微信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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

竹林海中敲代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值