微信小程序上传文件到腾讯云v5

cos-wx-upload-file

微信小程序上传文件到腾讯云v5

Demo

微信小程序仅支持https请求上传文件，所以我们选择了腾讯云作为文件服务器。此外腾讯云提供了配套小程序开发的[SDK](https://github.com/tencentyun/cos-wx-sdk-v5)，方便微信上传文件时调用。

为了例子的简洁性，这里没有使用服务器鉴权，而采用了前端鉴权

前提

我们假设您已经[入门微信小程序开发](https://mp.weixin.qq.com/debug/wxadoc/dev/)

准备工作

注册[腾讯云](https://cloud.tencent.com/)

到[COS对象存储控制台](https://console.cloud.tencent.com/cos5) 创建存储桶

填入存储桶名称等基本信息。为了方便测试，选择公有读私有写

为存储桶添加跨域访问规则（重要）

如果您不熟悉跨域访问设置，可参考以下配置

获取您的 Bucket（存储桶名称), Region（地域名称) 和访问域名

到[控制台密钥管理](https://console.cloud.tencent.com/cam/capi) 获取您的 SecretId 和 SecretKey

登录[微信公众平台](https://mp.weixin.qq.com/) 设置 --> 开发设置，将您刚才得到的访问域名填入服务器域名

至此，准备工作全部完成

运行项目

git clone https://github.com/piscium2010/cos-wx-upload-file.git

编辑cos-wx-upload-file\pages\index\config.js，替换您的 Bucket, Region, SecretId, SecretKey

运行小程序

无耻硬广

企业级react table组件，IE11 下性能完胜Ant Design

前端代码调试/debug实践

Form 表单联级校验 适配任意UI库：Antd，Office UI fabric， Material ui...

React Proptypes 转 React Typescript 工具

React 轻量级前端控件实例 - 打造你自己的前端控件