多种文档在线预览API

1、微软在线预览服务

软在线Office预览API介绍
        微软官方提供的Office预览API，正是这一需求的解决方案。它支持Word、PowerPoint、Excel等主要Office文档类型的浏览，并且完全基于在线服务运作。接口使用起来极为方便，只需将文档的URL经过urlencode处理，然后拼接到微软预览API的URL之后即可。

示例API调用格式如下：

基础地址: https://view.officeapps.live.com/op/view.aspx
实际调用: https://view.officeapps.live.com/op/view.aspx?src=（文档URL的urlencode编码）

注意:
src后面的URL是网上能访问到的文件地址，比如http://123.com/file/demo.xlsx

直接访问：https://view.officeapps.live.com/op/view.aspx?src=http://123.com/file/demo.xlsx

注意:经常会出现打不开的问题:

解决办法：

1、如果是前端js之类，处理办法是给URL采用encodeURIComponent()方法。
2、或者在服务器端转码urlencode(‘URL’)过后输出到前端。
encodeURIComponent():是 JavaScript 中的一个内置函数，主要用于将字符串作为 URI（Uniform Resource Identifier，统一资源标识符）组件进行编码
功能特点

• 无需安装Office: 使用在线预览API，用户无需在本地安装任何Office软件，便可以查阅文档，极大地节省了系统资源和配置时间。
• 语音播报: API支持沉浸式阅读模式，用户可以选择使用语音播报文档内容，为视觉障碍人士或者喜好多任务操作的用户提供便利。
• 免费使用: 微软官方提供的该API是完全免费的，开发人员可以利用它在程序中实现文档的在线预览功能，降低成本。

使用示例
        假设我们现在有一个名为“demo12.docx”的测试文档，位于http://xxx.com/media/doc/路径下，我们希望用户可以在线预览这个文档。我们需要做的是使用urlencode对文档地址进行编码，然后将其作为参数拼接到API的URL后面。
        文档的实际在线预览地址为：

https://view.officeapps.live.com/op/view.aspx? src=http%3A%2.com%2Fmedia%2Fdoc%2Fdemo12.docx

通过这个地址，用户可以直接在浏览器中查看文档内容，无需任何额外操作。
缺点:

1. 微软官方的Office 文档接口，速度慢经常短路
2. 微软的在线服务有文件大小限制，想完整使用得花钱

2、XDOC文档预览云服务 (https://view.xdocin.com/)

XDOC官方文档预览云服务
（疑似全部不开源）

js调用方法 ： window.open(“https://view.xdocin.com/view?src=” + encodeURIComponent(“要预览的文件路径，本地文件不行）”));

调用方法
https://view.xdocin.com/view?src=你的文档地址

注意： 文档地址要用utf-8编码，并且外网可访问。

例如：https://view.xdocin.com/view?src=https%3A%2F%2Fview.xdocin.com%2Fdemo%2Fview.docx

JS调用：window.open(“https://view.xdocin.com/view?src=” + encodeURIComponent(“https://view.xdocin.com/demo/view.docx”));

JS调用（精准）：window.open(“https://view.xdocin.com/view?pdf=true&src=” + encodeURIComponent(“https://view.xdocin.com/demo/view.docx”));

JS调用（带水印）：window.open(“https://view.xdocin.com/view?src=” + encodeURIComponent(“https://view.xdocin.com/demo/view.docx”) + “&watermark=” + encodeURIComponent(“view.xdocin.com”));

3、OfficeWeb365

OfficeWeb365文档
特色： 预览速度，唯快不破，普通文档解析速度在100ms以内。即点即现的预览速度
备注：提供免费版、标准版，高级版等多个版本，其中免费版只支持5M以下，含广告。
客户：字节跳动、科大讯飞、锐捷等。
个人开发小应用可以

4、其他

5、window自带预览部分

/**
  * 文件 预览
  * @param {*} data
  */
export const previewFile = (data = { filePath: '' }) => {
  // window.open("#/app/reviewapproval", "_blank", "noreferrer")
  if (/.(.png|.jpg|.jpeg|.gif|.mp4|.flv|.f4v|.webm|.avi|.txt|.pdf)$/.test(data.filePath)) {
    window.open(`${API}${data.filePath}`);//文件url
  }
};
/**
  * 文件 预览判断
  * @param {*} data
  */
export const isPreviewFile = (data = { filePath: '' }) => {
  // window.open("#/app/reviewapproval", "_blank", "noreferrer")
  if (/.(.png|.jpg|.jpeg|.gif|.mp4|.flv|.f4v|.webm|.avi|.txt|.pdf)$/.test(data.filePath)) {
    return true
  }
  return false
};