上传文件到腾讯云存储桶

一,配置腾讯云Cos

流程图

第一步,注册腾讯云账号

第二步,选择帐户


填写个人信息

第三步扫码授权
手机端授权

第四步点击免费产品

五步选择对象存储Cos

六步开通服务

七步创建存储桶


设置cors规则

*AllowHeader 需配成 **

因为我们本身没有域名,所以这里设置成"*",仅限于测试,正式环境的话,这里需要配置真实的域名地址

存储桶设置完毕

二,上传sdk

腾讯云 JavaScript SDK文档
JavaScript SDK文档
一,安装SDK
1.script引入

<script src="https://unpkg.com/cos-js-sdk-v5/dist/cos-js-sdk-v5.min.js"></script>

在 script 标签引用 SDK 时,SDK 占用了全局变量名 COS,通过它的构造函数可以创建 SDK 实例。
2 .webpack 引入方式
通过npm i cos-js-sdk-v5 --save安装 SDK 依赖,支持 webpack 打包的场景,您可以用 npm 引入作为模块,代码如下:

var COS = require('cos-js-sdk-v5');

2,调用上传腾讯云
身份ID和密钥可以通过腾讯云平台获取
API密钥管理

var cos = new COS({SecretId: 'COS_SECRETID',SecretKey: 'COS_SECRETKEY',
});

3.上传腾讯云

cos.putObject({Bucket: 'examplebucket-1250000000', /* 必须 */Region: 'COS_REGION',     /* 存储桶所在地域,必须字段 */Key: 'exampleobject',              /* 必须 */StorageClass: 'STANDARD',Body: fileObject, // 上传文件对象onProgress: function(progressData) {console.log(JSON.stringify(progressData));}
}, function(err, data) {console.log(err || data);
});

上传文件到腾讯云存储桶相关推荐

  1. 通过COS上传文件至腾讯云

    最近看了一下上传文件至腾讯云.腾讯官方提供的API,cloud.tencent.com/document/pr- 文档上传 文档上传首页要首先引入腾讯云封装好的cos-js-sdk-v5.js文件,然 ...

  2. 本地WinSCP上传文件到腾讯云服务器显示Permission Denied

    本地WinSCP上传文件到腾讯云服务器显示 Permission Denied 从字面看,就是没有权限.这时我首先想到了腾讯云服务器的安全组.先去设置安全组. 1.设置安全组 我们用的是腾讯的云服务器 ...

  3. 上传excel腾讯云服务器,使用SpringBoot上传文件到腾讯云

    最近在做一个项目,涉及到腾讯云上传文件/图片到服务器,为了图方便并且提升访问速度,想着上传到腾讯云存储桶是一个不错的选择.腾讯云存储桶的创建可见我之前的文章. 当然存储桶里面不仅可以存图片,也可以存储 ...

  4. 前端上传文件到腾讯云(对象存储)

    好吧,没写之前简单的说一下为什么要写,我还是怀着比较沉重的心情写的这篇教程,主要是心里没底,不知道能写明白不,不过既然提笔了,那就硬着头皮写吧,没办法,毕竟跌跌撞撞总算是搞出来了.还有就是我百度了,没 ...

  5. 小程序用thinkPHP上传文件到腾讯云对象存储空间

    <?php/*** Created by PhpStorm.* User: Administrator* Date: 2017/11/22* Time: 10:48*/namespace Hom ...

  6. ios腾讯云文件服务器,使用axios 上传文件到腾讯云

    在网上看到的好多的都是使用七牛的,花了一点时间看了下腾讯的. 不管那个云服务都是 客户端通过自己的key 进行加密,服务器解密 查看是否有资格,然后进行传输. 使用腾讯云的对象存储. 整个流程: 腾讯 ...

  7. git上传文件到腾讯云服务器,我的hexo部署到腾讯云服务器

    最近发现腾讯云搞活动,然后就心血来潮买了个服务器,感觉是挺便宜的(肯定是腾讯的套路),还续费了2年,希望自己能玩好这台服务器.昨天刚买完之后,一直在想不知道用来干嘛,想到现在还是不清楚要搞些撒东西出来 ...

  8. vue 上传视频到腾讯云存储并获取视频第一帧

    官网文档链接:https://cloud.tencent.com/document/product/436/6268 需求 项目里之前上传视频是调后端接口,接口将视频保存到服务器,然后返回视频链接. ...

  9. php上传原生代码,腾讯云cos-php-sdk-v5的原生代码上传方式

    这里是用原生代码的上传的方法: 假设为:Qcloud 3.代码部份 public static function uploadToTencentyun_new($file_url_local,$fil ...

最新文章

  1. 安装Visual C ++进行跨平台移动开发
  2. C#设计模式之装饰者
  3. Devexpress GridControl 设置combobox下拉框
  4. 固定资产增值和减值操作
  5. Python基础(4):类
  6. Android自定义View研究(四) -- 在XML中定义View
  7. php传递数据给jquery,将值从php传递给jquery
  8. 小程序新闻列表页面布局代码_论坛小程序·“我的”页面布局
  9. 防红直连php,【源码资源】20新PHP网址缩短防封防红短网址生成系统
  10. [转载] opencv学习笔记7:图像加法与图像融合
  11. 程序员必备网页前端设计网站
  12. 如何利用计算机截屏快捷键,电脑怎么截图 电脑选区域截图怎么截 电脑截图快捷键是什么...
  13. [SugerTangYL] 时钟管理(分频器、倍频器、锁相环)Verilog
  14. Java里线程的隔离方式_线程隔离浅析
  15. 常用的ADB命令有哪些
  16. 苹果电脑入门:必须掌握的快捷键
  17. LINUX内核内存屏障
  18. python连接wifi的模块--pywifi介绍
  19. 怎样用CorelDRAW中透镜效果制作镂空球体
  20. 35 | 前端安全:如何打造一个可信的前端环境?

热门文章

  1. 基于 Raspberry Pi 构建一个飞机观察器
  2. 网络安全内外忧患,发现儿童平板电脑中含有漏洞,容易遭遇***.
  3. 求数组最大k个数的问题(堆的应用)
  4. Python入门 Linux 下 Python Web开发环境搭建笔记
  5. 团队管理中的代码评审
  6. windows日志审计
  7. AlphaBlend参数BLENDFUNCTION
  8. matlab在地图上标点,如何用matlab在地图上显示数据
  9. iphone 白苹果问题_苹果公司的特别活动:新款iPhone等
  10. .dat文件导入excel2019,并保存为.csv文件