文件云存储

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

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

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

存储 API
控制台中管理文件
文件名命名限制

示例代码

<!--pages/uploader/uploader.wxml-->
<view>文件上传管理</view><button bindtap="_uploader">上传文件</button>
<button bindtap="_downFile">下载文件</button><image src="{{imgSrc}}"/>
<button bindtap="_removeFile">删除文件</button>

// pages/uploader/uploader.js
Page({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=>{// 返回上传文件idconsole.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)}})}
})

微信小程序文件云存储-上传下载删除功能相关推荐

小程序上传音频失败_微信小程序实现录音后上传文件方法详细
本篇文章讲述了微信小程序实现录音后上传文件方法,大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧 ...
小程序图片上传php后台,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
微信图片自动上传到服务器,微信小程序怎样使图片上传至服务器
这次给大家带来微信小程序怎样使图片上传至服务器,微信小程序使图片上传至服务器的注意事项有哪些,下面就是实战案例,一起来看一下.-wxml 发布项目 /**选择图片 */ choose: functio ...
微信小程序如何把图片上传至服务器
微信小程序如何把图片上传至服务器前些日子接了个任务就是开发一个小程序,遇到了一个问题就是需要图片上传至服务器并保存记录,遵循着解决思路我们先从最开始入手 1:微信上传接口 2:服务器接收接口 3:保 ...
微信小程序用户头像编辑上传
微信小程序用户头像编辑上传近期接触了一个小程序项目,需要可以修改用户头像,默认获取用户当前微信头像,点击头像,可调用手机照相机或者本地相册,更换图片. html代码如下: js代码:
微信小程序java中文乱码_如何解决微信小程序显示中文无法上传或者出现乱码的问题？...
今天小编给大家讲解如何解决微信小程序显示中文无法上传或者出现乱码的问题?有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的. 在formData中对文字进行编码,使用encodeURI() ...
微信小程序基于云数据库简单实现帖子点赞功能。
思路: 1·用云函数或者app.js获取用户openid,在每个帖子里面like_people数组里添加点赞过该帖子的用户openid.获取帖子云数据存放到suju:[]里. 2·点击点赞按钮图标变换 ...
微信小程序开发之图片上传+Java服务端接收
闲言少叙直入正题前端代码在网上一搜一大堆,且搜出来的结果基本上是正确的,没啥好说的,我连代码都不想贴(如果有时间的话明天整理下贴在文章结尾,没时间的话就不贴了).但是,但是,但是,靠谱的,不用改动就 ...

微信小程序文件云存储-上传下载删除功能

文件云存储

示例代码

微信小程序文件云存储-上传下载删除功能相关推荐

最新文章

热门文章