为什么使用存储桶

博主需要完成一个文件预览的功能，没想到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: "7xPaV9VaOwDExQcXBYeT1II0SdYBXcQx",

这里其实设计的不太好，没必要是必填项，因为我写的代码只有读，又设置的公有读，所以根本不需要SecretID和SecretKey

文档列表

列出所有文档

var listFolder = function(marker) {cos.getBucket({Bucket: 'examplebucket-1250000000', /* 填入您自己的存储桶，必须字段 */Region: 'COS_REGION',  /* 存储桶所在地域，例如ap-beijing，必须字段 */Prefix: 'a/',   /* Prefix表示列出的object的key以prefix开始，非必须 */Marker: marker,MaxKeys: 1000,}, function(err, data) {if (err) {return console.log('list error:', err);} else {console.log('list result:', data.Contents);if (data.IsTruncated === 'true') listFolder(data.NextMarker);else return console.log('list complete');}});
};
listFolder();

通过/分割，放到数组里即可，之后获取封面和预览时遍历数组，获得ObjectKey即可。

文档封面

GET /<ObjectKey>?ci-process=doc-preview&page=<page>&srcType=<srcType>&ImageParams=<ImageParams> HTTP/1.1
Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
Date: GMT Date
Authorization: Auth String

将response作为img标签的src即可

文档预览

GET /<ObjectKey>?ci-process=doc-preview&dstType=html HTTP/1.1
Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
Date: GMT Date

将reponse作为iframe的src即可
吐槽一下：腾讯的COS，某些语言的SDK不支持tag，只能调用API

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

腾讯云COS服务器文件上传与生命周期的设置，以及Opencv nparry数组格式图片非文件流方式上传
目录 Opencv numpy arry图片非文件流直接上传腾讯云COS服务器的文件上传和生命周期的设置 1.申请服务器 2.创建桶 3.官方文档以及安装SDK 4.开始使用(官方示例代码) 5.必 ...
腾讯云cos上传文件功能封装
前言:要使用cos要先去腾讯云创建cos储存桶,创建完储存桶按步骤来就可以了. 安装依赖 npm i cos-js-sdk-v5 创建文件upload.js const COS = require(' ...
腾讯云cos预签名上传文件
腾讯云cos预签名上传文件链接: 文档地址下面展示一些内联代码片. 后端要个 scene的值这个是你上传什么类型的文件传不同的值然后成功之后调一个原生的put请求最后会得到一个 retur ...
SpringBoot整合腾讯云COS对象存储实现文件上传
企业级项目开发中都会有文件.图片.视频等文件上传并能够访问的场景,对于初学者Demo可能会直接存储在应用服务器上:对于传统项目可能会单独搭建FastDFS.MinIO等文件服务来实现存储,这种方案可能 ...
mysql备份至cos_宝塔面板网站文件/数据库定时同步备份至腾讯云COS设置
本来老蒋这篇文章是要分享张戈同学关于利用腾讯云COS备份网站和数据库脚本工具的整理的,但是翻看之前的博文发现我们能用到的面板和工具包大部分都自带第三方云存储接口快速备份的.所以这篇文章延期到后面再去分 ...
APP的文件数据直传腾讯云COS实践
简介本文主要介绍基于腾讯云对象存储COS,如何快速实现一个app的文件直传功能.您的服务器上只需要生成和管理访问密钥,无需关心细节,文件数据都存放在腾讯云 COS 上. 架构说明对于app应用,把 ...
Java实现腾讯云COS高级（大文件）上传,不考虑分块
// 腾讯云COS高级(大文件)上传,不用考虑分块public static URL fileCOS(File file, String key) throws Exception {String S ...
tp5封装腾讯云cos文件上传sdk
第一步: 使用命令安装sdk到框架vendor目录里 composer require tencentcloud/tencentcloud-sdk-php 第二步:在application/commo ...
腾讯云COS上传下载文件
1.初始化COSClient import com.qcloud.cos.COSClient; import com.qcloud.cos.ClientConfig; import com.qclou ...
腾讯云COS配置了私有读写,PHP如何下载文件
/*** 腾讯云PHP计算COS签名* 2021-12-23 10:59:27* @param $uri* @return string*/public static function signCos ...

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

目录