共计 3034 个字符，预计需要花费 8 分钟才能阅读完成。
一、导语
说起 Microsoft Office 办公三件套，想必大家都不会生疏，社畜日常的工作或者生存中，多多少少遇到过这种状况：
- 本地创立的文档换一台电脑关上，就呈现了字体失落、排版凌乱的状况；
- 客户爸爸发来一个文档，想看内容须要下载，下载后发现和本人工作没有一毛钱关系，无奈之下秒送回收站；
- 网站上搜寻到一篇干货文章，提醒下载后能力查看，后果下载包夹带了未知起源的文件；
- 疫情下挪动办公需要激增，而挪动端打开文档须要在不同软件之间跳转，体验割裂；
某平台文档预览成果
这种时候，咱们往往须要一个可能在线预览文档的靠谱工具，那么有没有不须要运维老本、成果满分、接入不便、并且性价比高的方法呢？是时候介绍 COS 的文档预览能力了！
COS 文档预览成果
二、什么是 COS 文档预览
COS 是腾讯云对象存储 的简称，简略来说，就是存在 COS 上的每一个文件，都有本人的专属下载链接。COS 集成了数据万象 CI 的文档预览能力，只须要在下载链接后拼接繁难的参数，就能够将存储在 COS 上的文件转码为图片 /PDF 或 转码为 HTML5 页面，反对 ppt、doc、xls、txt、html 等 50 多种格式文件，解决了文档内容的页面展现问题，满足 PC、App 等多个用户端的文档在线浏览需要。
COS 文档预览的劣势和个性
三、实用场景
（一）在线教育
实现课件、随堂讲义等文档的在线浏览，升高学生应用门槛，加强体验。可在浏览器中残缺出现 PPT 中的动画、公式、触发器等成果，并通过水印、防复制等性能，爱护课程的版权。用户还可抉择将课件转为图片存至云端，实现材料的轻量化散发。
（二）企业 OA
帮忙企业实现 PC、APP 多端下，外部文档资料的在线预览。用户无需将文件下载到本地，即可通过多平台随时拜访文档文件内容。实现外部文档公开化、透明化的同时，通过水印、防复制等性能，杜绝透露危险。
（三）在线网盘
解决文档内容的网页展现问题，在线浏览时最大水平保留源文档款式，满足 PC、APP 等多端的文档在线浏览需要。
（四）网站转码
网站显示文档内容常受限于浏览器规定和设施性能，并且须要同时适配 PC 和挪动端；文档预览性能反对对多种文件类型生成 html 或图片格式预览，实现文档的疾速、精准预览。
四、接入计划
| 计划 | 分类 | 特点 | 场景 |
|---|---|---|---|
| 文档转图片预览 | a. 同步转图片预览（举荐） | 实时在线预览应用简略 | 实用于实时的 word/pdf 预览场景 |
| b. 异步转图片预览 | 异步转码工作高效长久化 | 实用于有开发能力，单次转码屡次预览的场景 | |
| 文档转 HTML 预览（举荐） | 兼容多文档格局应用简略 | 高度还原文档款式，实用于文档格局简单的场景 | |
| 自定义 html 预览 | 兼容多文档格局反对自定义性能 | 实用于有开发能力，须要高度定制化的预览页面 / 逻辑的场景 |
计划一：文档转图片预览
面对多元办公场景，通过 COS 文档预览性能，能够畅通查阅不同类型的文档。您可点击下方链接，进行文档转图片性能的疾速接入：
一文带你玩转对象存储 COS 文档预览
计划二：文档转 html 预览（举荐）
同样三步接入：
- 将源文件上传至 COS 存储桶中，在源文件的详情获取对象地址，拜访对象地址能够下载源文件：
https://ci-h5-demo-1258125638.cos.ap-chengdu.myqcloud.com/defaults/defaultSlides.pptx- 进入存储桶的数据处理页面，开启文档服务。
- 在对象地址后退出文档转 html 参数?ci-process=doc-preview&dstType=html 即可预览：
https://ci-h5-demo-1258125638.cos.ap-chengdu.myqcloud.com/defaults/defaultSlides.pptx?ci-process=doc-preview&dstType=html
更多解决一：公有拜访
为保障数据安全，咱们举荐存储在 COS 上的文件都设置公有拜访权限。预览公有文件时须要在申请参数中加上文档签名，留神签名须要进行 urlencode。
https://ci-h5-demo-1258125638.cos.ap-chengdu.myqcloud.com/defaults/defaultSlides.pptx?ci-process=doc-preview&dstType=html&sign=urlencode(申请签名)更多解决二：文档水印
为增强文档可控性和可追溯性，咱们提供了文档水印性能，预览文档时增加水印参数即可实现自定义水印。
https://ci-h5-demo-1258125638.cos.ap-chengdu.myqcloud.com/defaults/defaultSlides.pptx?ci-process=doc-preview&dstType=html
&htmlwaterword=Q09T5paH5qGj6aKE6KeI // 水印内容：Base64.encode('COS 文档预览')
&htmlfillstyle=cmdiYSgxOTIsMTkyLDE5MiwwLjYp // 水印色彩和透明度：Base64.encodeUrl('rgba(192,192,192,0.6)')
&htmlfront=Ym9sZCAxOHB4IFNlcmlm // 水印文字款式：Base64.encodeUrl('bold 18px Serif')
&htmlrotate=320 // 旋转角度：320 度
&htmlhorizontal=100 // 水印的程度间距：100px
&htmlvertical=120 // 水印的垂直间距：120px
文档水印成果
更多解决三：禁止复制
避免文档内容被随便截取，能够退出参数 ©able=0 开启禁止复制性能。
https://ci-h5-demo-1258125638.file.myqcloud.com/defaults/defaultSlides.pptx?ci-process=doc-preview&dstType=html©able=0如果你还想自定义预览页面 UI、通过接口操作翻页 / 播放、拦挡页面上的跳转链接等，咱们也提供了下述计划。
计划三：自定义 html 预览
文档转 html 的 JS SDK 提供了自定义界面显示、管制页面状态、监听回调事件等能力，以便于开发人员联合本人的业务来应用预览性能。计划三本质上也是应用了一个配置好的 SDK 模板，对用户暗藏了代码配置，不便大多数场景下的疾速应用。
上面是应用自定 html 预览的交互流程：
SDK 提供了多种标准的包，满足各种开发场景。
| 模块化标准 | 下载 | 应用 |
|---|---|---|
| 非模块化 | JS-SDK 包 | 间接在 html 页面引入 js 文件 |
| AMD | JS-SDK 包 | 将 js 文件放到我的项目目录下 |
SDK 反对界面定制、性能定制、事件监听和高级操作四大性能，具体配置参考阐明文档。
五、客户案例
腾讯乐享
腾讯乐享为教育、批发、制作、互联网等泛行业提供了组织外部成员交换的一站式平台，服务了 20W+ 企业客户。基于 COS 自定义 html 预览计划 构建了欠缺的知识库搭建、分享流程，让用户无需将文件下载到本地，即可通过多平台随时拜访文档文件内容，并在实现外部文档公开化、透明化的同时，通过 防复制性能，杜绝透露危险。更多信息点开下方链接查看👇
口袋里有个“知识库”，是什么样的体验？
六、欢送体验
欢送应用文档预览性能，您可通过下方链接或小程序，疾速体验 COS 的文档预览能力~ 性能体验入口：https://cloud.tencent.com/act…
— END —