微信小程序文件云存储-上传下载删除功能
发布日期:2021-06-30 11:52:28 浏览次数:2 分类:技术文章

本文共 2211 字,大约阅读时间需要 7 分钟。

云存储提供高可用、高稳定、强安全的云端存储服务,支持任意数量和形式的非结构化数据存储,如视频和图片,并在控制台进行可视化管理。云存储包含以下功能:

  • 存储管理:支持文件夹,方便文件归类。支持文件的上传、删除、移动、下载、搜索等,并可以查看文件的详情信息
  • 权限设置:可以灵活设置哪些用户是否可以读写该文件夹中的文件,以保证业务的数据安全
  • 上传管理:在这里可以查看文件上传历史、进度及状态
  • 文件搜索:支持文件前缀名称及子目录文件的搜索
  • 组件支持:支持在 imageaudio 等组件中传入云文件 ID

接下来,我们看看云文件管理提供了哪些 API、及如何在控制台中管理云文件:

示例代码

文件上传管理
// pages/uploader/uploader.jsPage({  data:{    imgSrc:''  },  _uploader(){    //1 选择文件 产生临时文件地址 -> 上传到云端    wx.chooseImage({      count: 1,//上传一张图片      success(res){        console.log(res)        // 处理文件        let tempFilePath = res.tempFilePaths[0];        let typeArr = tempFilePath.split('.');        const type = typeArr[typeArr.length-1];        const time = new Date().getTime();        const nameType = `${time}.${type}`;        // console.log(nameType)        // console.log(tempFilePath)        // return;        wx.cloud.uploadFile({          // 上传的路径          cloudPath:`img/${nameType}`,          // 获取临时路径          filePath:tempFilePath,          success:res=>{            // 返回上传文件id            console.log(res,'文件上传成功');          },          fail(err){            console.log(err,'上传错误')          }        })      }    })  },  _downFile(){    // 下载文件    // wx.cloud.downloadFile({    //   // 返回链接地址 仅支持小程序中展示 cloud协议    //   // cloud://text-wx55c.7465-text-wx55c-1254351324/img/1594809942978.jpg    //   fileID:"cloud://text-wx55c.7465-text-wx55c-1254351324/img/1594809942978.jpg",    //   success:res=>{    //     console.log(res)    //     this.setData({    //       imgSrc:res.tempFilePath    //     })    //   },    //   fail(err){    //     console.log(err);    //   }    // })    // 换取临时连接 可以在浏览器中访问链接 https 协议    wx.cloud.getTempFileURL({      fileList:['cloud://text-wx55c.7465-text-wx55c-1254351324/img/1594809942978.jpg'],      success:res=>{        console.log(res,'临时链接')        this.setData({          imgSrc:res.fileList[0].tempFileURL        })      },      fail(err){        console.log(err)      }    })  },  _removeFile(){    wx.cloud.deleteFile({      fileList:['cloud://text-wx55c.7465-text-wx55c-1254351324/img/1594809942978.jpg'],      success(res){        console.log(res,'删除文件')      },      fail(err){        console.log(err)      }    })  }})

 

 

 

 

 

 

 

转载地址:https://jackiehao.blog.csdn.net/article/details/107370697 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:微信小程序云函数的使用流程
下一篇:微信小程序云开发操作数据库-增删改查操作

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年04月08日 19时23分29秒