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
Form 表单联级校验 适配任意UI库:Antd,Office UI fabric, Material ui...