微信小程序--云开发上传图片并获取上传图片的https路劲

半杯水 · 甜

于 2023-04-22 15:43:20 发布

阅读量665

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_62328748/article/details/130305802

版权

// 上传图片
uploadImg(){
  let that = this;
  wx.chooseImage({
    count: 1,
    sizeType: ['original', 'compressed'],
    sourceType: ['album', 'camera'],
    success(res) {
      console.log("成功",res);
      that.uploadImage(res.tempFilePaths[0]);
    }
  })
}
// 上传到云存储
uploadImage(fileURL) {
  wx.cloud.uploadFile({
    cloudPath:new Date().getTime()+'.png', // 上传至云端的路径
    filePath: fileURL, // 小程序临时文件路径
    success: res => {
      //获取图片的http路径
      this.imgPath(res.fileID)  // res.fileID 是上传图片的 fileID
    },
    fail: console.error
  })
},

 // 获取图片上传后的https的url路径地址  参数是上传图片的 fileId
  imgPath(fileId) {
    console.log(fileId)
    wx.cloud.getTempFileURL({
      fileList: [fileId],
      success: res => {
        console.log("获取url地址：",res.fileList[0].tempFileURL);
      },
      fail: console.error
    })
  },