微信小程序上传文件到腾讯云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

迅速搭建React源码测试环境

前端代码调试/debug实践

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

React Proptypes 转 React Typescript 工具

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 29,417评论 9 295
  • 「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 ...
    EarlGrey阅读 7,844评论 19 97
  • 为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和...
    G风阅读 27,323评论 13 15
  • 爱上你只是一瞬间 在春季的下午遇上你 看到你那熟透的脸蛋 我有太多的不忍 …… 爱上你在这里
    周墨_de19阅读 128评论 0 2
  • ……… “施主,你……你干什么?”对于眼前这个一直盯着自己看的女孩,他有些不知所措,脸一红下意识的低了低头。 女...
    公子陵丶阅读 262评论 0 0

友情链接更多精彩内容