最近看了一下上傳文件至騰訊云。騰訊官方提供的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上传文件至腾讯云的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。