欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

云存储

程序员文章站 2022-03-18 16:13:52
...

云存储
云存储
文件上传代码

//选择图片
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        console.log(tempFilePaths);
        wx.cloud.uploadFile({
          cloudPath: new Date().getTime()+'.png', // 上传至云端的路径
          filePath: tempFilePaths[0], // 小程序临时文件路径
          success: res => {
            // 返回文件 ID
            console.log(res.fileID)
            db.collection('image').add({
              data:{
                fileID: res.fileID
              }
            }).then(res=>{
              console.log(res)
            })
            .catch(err=>{
              console.error(err)
            })
          },
          fail: console.error
        })
      }
    })

文件展示代码
获取当前用户openid,根据当前openid获取图片信息并展示

wx.cloud.callFunction({
      name:'login'
    }).then(res=>{
      db.collection('image').where({
        _openid: res.result.openid
      }).get().then(
        res2=>{
          console.log(res2)
          this.setData({
            images:res2.data
          })
        }
      )
    })

云存储
文件下载代码

wx.cloud.downloadFile({
      fileID: event.target.dataset.fileid, // 文件 ID
      success: res => {
        // 返回临时文件路径
        console.log(res.tempFilePath)
        //保存图片到手机相册
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success(res) { 
            console.log(res);
            wx.showToast({
              title: '保存成功',
            })
          }
        })
      },
      fail: console.error
    })
相关标签: 云存储