微信小程序 云存储

微信小程序 云存储

---

图片上传到云存储

通过临时路径将数据上传

    //  上传文件 
    uploadfile(tempFilePath){
      wx.cloud.uploadFile({
        cloudPath:"test.png",//	在云存储中的存储路径
        filePath: tempFilePath//	选择文件之后的临时路径
      }).then(res=>{
        console.log("上传成功",res)
      }).catch(err=>{
        console.log("上传失败",err)
      })
    },

选择图片获取临时链接

//  选择图片上传到云存储 
  chooseimage(){
    let that = this;
    wx.chooseImage({
      count: 1,//可以选择多少张图片
      sizeType: ['original','compressed'],
      sourceType: ['album','camera'],// 图片来源
      success: (result) => {
        console.log("获取成功",result)
       that.uploadfile(result.tempFilePaths[0])
      },
      fail: (res) => {
        console.log("获取失败",res)
      },
      complete: (res) => {},
    })
  },

通过图片ID 实现页面间数据传递

在图片上绑定对应的openID

在绑定了之后 后面的点击事件中会包含这个id信息

  //  获取图片id
  getdetail(e){
    console.log(e.currentTarget.dataset.id)
  },

获取图片上绑定的id

点击之后将id作为参数放在页面跳转的路径上

 //  获取图片id
  getdetail(e){
    let id = e.currentTarget.dataset.id
    // console.log(e.currentTarget.dataset)
    wx.navigateTo({
      url: '/pages/test1/test1?id='+ id, //作为参数路径 传到下一个页面中
    })
  },

下一个页面获取传递的id

跳转到的下一个页面在onload 中获得上一个页面的传过来的信息

  //  options 保存的就是上一页跳转中保存的信息 ？id=xxxx 的信息
  onLoad: function (options) {
    console.log(options)//options 中包含的就是id信息
    this.setdata(options)
  },
  setdata(options){
    wx.cloud.database().collection('user').doc(options.id)
    .get().then(res=>{
      this.setData({
        list: res //根据传过来的ID获得的数据库信息，修改本页面中的值
      })
      console.log("数据获取成功",this.data.list)
    }).catch(err=>{
      console.log("获取失败",err)
    })
  },

上传视频到云存储中

  //  从相册上传视频到云存储 
  choosevideo(){
    wx.chooseVideo({
      compressed: true,
      maxDuration: 60,
      sourceType: ['album','camera'],
    }).then(res=>{
      console.log("获取视频成功",res.tempFilePath)
      wx.cloud.uploadFile({
        cloudPath:"king.mp4",
        filePath: res.tempFilePath
      }).then(res=>{
        console.log("视频上传成功",res)
      }).catch(err=>{
        console.log("视频上传失败",err)
      })
    }).catch(err=>{
      console.log("获取视频失败",err)
    })
  },