通过COS上传文件至腾讯云

最近看了一下上传文件至腾讯云。腾讯官方提供的API，cloud.tencent.com/document/pr…

文档上传

文档上传首页要首先引入腾讯云封装好的cos-js-sdk-v5.js文件，然后再获取秘钥，签名可以是永久的也可以是临时的，由于密钥放在前端会暴露 SecretId 和 SecretKey，所以把永久密钥过程放在后端，前端通过发送一个ajax请求获取秘钥。

获取秘钥

// 初始化上传文档实例
this.cos = new Cos({ getAuthorization: this.getDocSignature
})
// 获取上传文档签名
getDocSignature(options, callback) {const that = this$.ajax({url: '后台提供的请求地址', // 获取客户端上传签名的 URLtype: 'GET',dataType: 'json',success(result) { // result 是派发签名服务器的回包if (result.code === statusCode.SUCCESS) {const fileKey = JSON.parse(result.data.fileKey).datacallback({TmpSecretId: fileKey.credentials.tmpSecretId,TmpSecretKey: fileKey.credentials.tmpSecretKey,XCosSecurityToken: fileKey.credentials.sessionToken,ExpiredTime: fileKey.expiredTime})} else {// 获取秘钥失败的相关操作}}})
复制代码

开始上传

uploadDoc() { // 调取文档上传相关接口this.cos.sliceUploadFile({Bucket: '99999',  // 桶的名字，命名规则为{name}-{appid} ，此处填写的存储桶名称必须为此格式Region: '地区',   //Bucket所在的区域Key: this.fileObj.name,Body: this.fileObj, // 文件的信息}, (err, data) => {if (!err && data) {this.fileName = this.fileObj.namethis.key = data.Keythis.fileId = data.Keythis.cos.getObjectUrl({ // 获取文件访问地址Method: 'PUT',Key: this.key,Bucket: 'aaa',Region: '地区',Sign: false}, (err, data) => {if (!err) { // 文档地址this.fileUrl = data.Url} else {this.$message.error('上传失败')}})} else {this.$message.error('上传失败')}})
},
复制代码

以上是文档的上传，视频的上传方式跟文档的上传要简单一些，这里就不多说了，大家有更好的方法或者其他的意见都可以提出来哈，我都会在第一时间回复！

转载于:https://juejin.im/post/5c2eb0b16fb9a049b506f242

通过COS上传文件至腾讯云相关推荐

上传文件到腾讯云存储桶
上传文件到腾讯云存储桶一,配置腾讯云Cos 流程图第一步,注册腾讯云账号第二步,选择帐户填写个人信息第三步扫码授权手机端授权第四步点击免费产品五步选择对象存储Cos 六步开通服务七步 ...
本地WinSCP上传文件到腾讯云服务器显示Permission Denied
本地WinSCP上传文件到腾讯云服务器显示 Permission Denied 从字面看,就是没有权限.这时我首先想到了腾讯云服务器的安全组.先去设置安全组. 1.设置安全组我们用的是腾讯的云服务器 ...
前端上传文件到腾讯云（对象存储）
好吧,没写之前简单的说一下为什么要写,我还是怀着比较沉重的心情写的这篇教程,主要是心里没底,不知道能写明白不,不过既然提笔了,那就硬着头皮写吧,没办法,毕竟跌跌撞撞总算是搞出来了.还有就是我百度了,没 ...
上传excel腾讯云服务器,使用SpringBoot上传文件到腾讯云
最近在做一个项目,涉及到腾讯云上传文件/图片到服务器,为了图方便并且提升访问速度,想着上传到腾讯云存储桶是一个不错的选择.腾讯云存储桶的创建可见我之前的文章. 当然存储桶里面不仅可以存图片,也可以存储 ...
小程序用thinkPHP上传文件到腾讯云对象存储空间
<?php/*** Created by PhpStorm.* User: Administrator* Date: 2017/11/22* Time: 10:48*/namespace Hom ...
ios腾讯云文件服务器,使用axios 上传文件到腾讯云
在网上看到的好多的都是使用七牛的,花了一点时间看了下腾讯的. 不管那个云服务都是客户端通过自己的key 进行加密,服务器解密查看是否有资格,然后进行传输. 使用腾讯云的对象存储. 整个流程: 腾讯 ...
git上传文件到腾讯云服务器,我的hexo部署到腾讯云服务器
最近发现腾讯云搞活动,然后就心血来潮买了个服务器,感觉是挺便宜的(肯定是腾讯的套路),还续费了2年,希望自己能玩好这台服务器.昨天刚买完之后,一直在想不知道用来干嘛,想到现在还是不清楚要搞些撒东西出来 ...
vue 上传视频到腾讯云存储并获取视频第一帧
官网文档链接:https://cloud.tencent.com/document/product/436/6268 需求项目里之前上传视频是调后端接口,接口将视频保存到服务器,然后返回视频链接. ...
腾讯云cos上传文件功能封装
前言:要使用cos要先去腾讯云创建cos储存桶,创建完储存桶按步骤来就可以了. 安装依赖 npm i cos-js-sdk-v5 创建文件upload.js const COS = require(' ...

通过COS上传文件至腾讯云

通过COS上传文件至腾讯云相关推荐

最新文章

热门文章