文件预览-使用SecretID和SecretKey进行腾讯云cos桶文件预览（word、ppt等）

已于 2022-06-14 17:46:04 修改
阅读量3.4w 收藏 2
点赞数 2
分类专栏： 腾讯云 # 存储桶 文章标签： 腾讯云
于 2022-04-19 17:37:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/work_harder999/article/details/124279206
版权
博主在React中实现文件预览功能，选择腾讯云存储桶服务，通过SecretID和SecretKey进行文件操作。介绍了开通存储桶和数据万象服务的步骤，以及使用JDK进行文件列表、封面和预览的方法。同时，提到SDK对某些语言的tag支持不足。
摘要由CSDN通过智能技术生成

目录

为什么使用存储桶

博主需要完成一个文件预览的功能，没想到React没有插件，可能是PPT、Word的版权问题，pdf就有viewer之类的包。也试了一下微软的，不太好用，很久没维护了，因此选择了腾讯云的存储桶，可以白嫖一波，50GB 6个月。

使用前的准备

服务开通

开通存储桶服务

腾讯云 存储桶
点击立即使用即可，会跳转至概览

开通数据万象服务

腾讯云-数据万象
数据万象服务能够进行文档预览，点击立即使用，进行开通
或者在存储桶放入文件，点击预览会引导你开通数据万象服务

JDK安装

npm i cos-nodejs-sdk-v5 --save

使用

创建存储桶对象

const cos = new COS({
   
  SecretId: process.env.SECRETID,
  SecretKey: process.env.SECRETKEY
});

在.env中填写SecretID与SecretKey，如下图所示
在这里插入图片描述

SECRETID: "AKIDgAPO6XhaCXcPvA8qITN0MRFn32kBMFsE",
SECRETKEY: "7xPaV
最低0.47元/天 解锁文章
work_harder999
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cos-js-sdk-v4:腾讯云 COS JS SDK（JSON API）
05-23
请您到 获取您的项目ID(appid)，bucket，secret_id和secret_key。 请您到 针对您要操作的bucket进行跨域（CORS）设置，可以按照如下范例，修改来源 Origin： 配置 Step1. 下载源码 从github下载源码，将SDK中dist...
Android 通过腾讯TBS实现文件预览功能
01-20
1.集成腾讯TBS 使用腾讯TBS来预览pdf,word,excel,ppt等多种类型的文件，去 腾讯浏览服务官网下载SDK，按照官方文档文档集成SDK。 2.使用TbsReaderView来加载文件 动态创建TbsReaderView，然后添加到布局中。 // 回调 TbsReaderView.ReaderCallback readerCallback = new TbsReaderView.ReaderCallback() { @Override public void onCallBackAction(Integer integer, Object o, Object o1)
记录一次腾讯云对象存储服务(COS)的使用
qq_51133939的博客
09-07 2817
详细介绍了腾讯云Cos对象存储服务的使用。
如何不依赖 SDK，用简单的代码，Web 端直传文件到腾讯云COS
lijianlong1989的博客
02-09 674
如何不依赖 SDK，用简单的代码，Web 端直传文件到腾讯云COS
COS控制台进阶 - 文件预览和在线编辑
云存储小天使的博客
09-22 1338
COS控制台新上线了文件预览功能，用户可在控制台内直接预览、编辑文件内容。 前不久，微软发布了 vscode for web 的公告，是基于web的在线代码编辑器，无需下载安装可以直接在web浏览器中运行，同时支持断点调试、版本管理、团队开发等功能。全球最大的代码托管网站 github.com，也在网页端支持了在线编辑模式。人们对在线开发的热情被再次点燃。 ​ 同样是管理云上文件的腾讯云 COS，也在控制台推出了更便捷的在线管理文件的功能！ 一、COS 控制台更新 - 文...
【保姆级教程】腾讯云如何获取secretId和secretKey，以及开通人脸服务
热门推荐
来自上海的这位朋友
07-21 2万+
【保姆级教程】腾讯云如何获取secretId和secretKey，以及开通人脸服务
cos-js-sdk-v5:腾讯云 COS JS SDK（XML API）
07-23
到 创建存储桶，得到 Bucket（存储桶名称） 和到 获取您的项目 SecretId 和 SecretKey配置 CORS 规则，配置例子如下图：二、计算签名由于签名计算放在前端会暴露 SecretId 和 SecretKey，我们把签名计算过程放在后端...
文件服务器mino实现文件存储和文件预览接口
07-26
总的来说，这个项目提供了一个完整的解决方案，涵盖了文件的上传、下载和预览，对于初学者来说，这是一个很好的实践案例，可以帮助理解如何将MinIO与SpringBoot结合使用，实现一个简单的文件管理系统。通过学习和...
cos-nodejs-sdk-v5:腾讯云 COS Nodejs SDK（XML API）
07-23
cos-nodejs-sdk-v5腾讯云 COS Nodejs SDK（）installnpm i cos-nodejs-sdk-v5 --savedemo// 引入模块var COS = require('cos-nodejs-sdk-v5');// 创建实例var cos = new COS({ SecretId: '...
腾讯TBS服务，微信QQ应用中打开word,excel,pdf,ppt等文档
10-11
使用腾讯TBS浏览服务，微信QQ中打开文档也是用TBS服务
cos-wx-sdk-v5:腾讯云 COS 小程序 SDK（XML API）
05-11
由于签名计算放在前端会暴露 SecretId 和 SecretKey，我们把签名计算过程放在后端实现，前段通过 ajax 向后端获取签名结果，正式部署时请再后端加一层自己网站本身的权限检验。 这里提供 ，其他语言，请参照对应的 ...
打破格式壁垒 ！COS助力腾讯文档优化在线预览效果
云存储小天使的博客
07-09 833
说起腾讯文档，相信大家对此并不陌生。在新冠疫情防控期间，腾讯文档在人员流动排查、健康信息收集、居家学习、协同办公等场景发挥了巨大的作用。 腾讯文档不仅支持新建word、excel、ppt、思维导图、流程图等类型文档，还支持墨刀、印象笔记、Canva等第三方内容插入。但多类型格式文档，尤其是第三方内容的插入，带来了预览兼容性问题。如何保证文档的预览效果与原文档内容一致呢？ 比较常见的做法是下载对应阅读器来查看文档，但当文档较大（如几十、几百兆），或者文档中含有多种格式时需要频繁切换...
腾讯云存储COS简介和使用流程
weixin_45734189的博客
06-02 4778
对于没有账号你来说，就是点击：没用账号，注册后再关联。对于有账号的你来说：我已经有腾讯云账号，登录后关联。SDK 支持 JDK 1.7、1.8及以上版本。选择：中国大陆通用，存储容量，标准存储容量包。设置存储桶的权限为 公有读，私有写。到这里，我们的腾讯云存储桶就设置好了。使用SDK需要一些必要信息，比如。AllowHeader 需配成。
使用腾讯cos存储桶服务创建一个简易的图床
最新发布
qq_61834461的博客
06-05 539
根据需要从腾讯云对象存储界面购买服务，然后进入控制台，点击存储桶列表，然后创建存储桶，填写相关信息（没啥特别的，随便填，注意权限就可以了，然后下一步），在第二个页面也随便填一填就行了，然后确认信息存储桶创建完成，你就获取了一个存储桶；通过存储桶列表进入存储桶界面后就可以和网盘一样随意使用你的存储桶了，包括创建文件夹，上传文件，还可以对文件进行描述。然后再准备密钥（这里用简易方法，如果需要加密简易使用后端服务器返回临时密钥） ，再回到左侧菜单选择密钥管理。完整代码演示（上传，读取，和总览功能）
JAVA整合腾讯COS（拿来即用）
mykingblueblue的博客
08-10 4232
JAVA整合腾讯COS实现文件上传
秒级接入、效果满分的文档预览方案——COS文档预览
云存储小天使的博客
10-18 1484
一、导语 ​ 说起 Microsoft Office 办公三件套，想必大家都不会陌生，社畜日常的工作或者生活中，多多少少遇到过这种情况： 本地创建的文档换一台电脑打开，就出现了字体丢失、排版混乱的情况； 客户爸爸发来一个文档，想看内容需要下载，下载后发现和自己工作没有一毛钱关系，无奈之下秒送回收站； 网站上搜索到一篇干货文章，提示下载后才能查看，结果下载包夹带了未知来源的文件； 疫情下移动办公需求激增，而移动端打开文档需要在不同软件之间跳转，体验割裂； ..
php不使用sdk文件调用腾讯云cos存储桶api
03-30
1. 首先，需要在腾讯云控制台中创建一个存储桶，并获取存储桶的信息，包括存储桶名称、访问密钥ID、访问密钥Secret、存储桶所在地域等。 2. 在PHP代码中，使用curl函数调用腾讯云COS API进行操作。具体步骤如下： （1）构造API请求的URL和参数。API请求的URL格式为：http://[bucket-name].cos.[region].myqcloud.com/[object]，其中[bucket-name]为存储桶名称，[region]为存储桶所在地域，[object]为对象名称（可选）。 （2）生成API请求的签名。签名是用于验证请求合法性的关键信息，需要使用访问密钥ID和访问密钥Secret进行计算。计算签名的具体方法可以参考腾讯云COS API文档中的签名方法。 （3）发送API请求。使用curl函数发送API请求，并在请求头中设置Authorization等相关参数。 （4）处理API响应。根据API返回的HTTP状态码和响应内容进行相应的处理，例如上传文件、下载文件、删除文件等操作。 3. 示例代码如下： ```php // 存储桶信息 $bucket = "mybucket-1250000000"; $region = "ap-chengdu"; $accessKeyId = "AKIDxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; $accessKeySecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; // API请求参数 $object = "test.txt"; $url = "http://{$bucket}.cos.{$region}.myqcloud.com/{$object}"; $method = "PUT"; $httpHeaders = [ "Content-Type: text/plain", "Content-Length: 11", ]; $httpBody = "Hello World"; // 生成签名 $timestamp = time(); $expired = $timestamp + 3600; // 签名有效期1小时 $sign = md5("{$accessKeySecret}\n{$timestamp}\n{$expired}\n0\n"); $authorization = "q-sign-algorithm=sha1&q-ak={$accessKeyId}&q-sign-time={$timestamp};{$expired}&q-key-time={$timestamp};{$expired}&q-header-list=content-type;content-length&q-url-param-list=&q-signature={$sign}"; // 发送API请求 $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, $method); curl_setopt($ch, CURLOPT_HTTPHEADER, $httpHeaders); curl_setopt($ch, CURLOPT_POSTFIELDS, $httpBody); curl_setopt($ch, CURLOPT_HEADER, true); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_TIMEOUT, 30); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30); curl_setopt($ch, CURLOPT_HTTPHEADER, [ "Authorization: {$authorization}", ]); $response = curl_exec($ch); $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); // 处理API响应 if ($httpCode == 200) { echo "上传成功"; } else { echo "上传失败，错误码：{$httpCode}"; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值