Vue实现文档在线预览

一、 Office Web Viewer（微软）

说明1  说明1

直接在浏览器中打开 Word、PowerPoint 或 Excel 文件，将下载链接转换为 Office Web Viewer 链接以在您的网站中使用
注意: 在 SharePoint 2019 中，可插入的文件类型仅限于 Word、Excel 和 PPt，(.doc、.docx、 xls、.xlsx、.pot、.potx、.ppt 和 .pptx) （不支持pdf）。
优点：  

        1. 没有 Office也可以直接查看Office 文件
        2. 适用于移动端、PC
        3. 无需下载文件就可以在浏览器中查看

url直接查看：
let docUrl = 'https://view.xdocin.com/demo/view.docx';
let url = encodeURIComponent(docUrl);
let officeUrl = 'http://view.officeapps.live.com/op/view.aspx?src='+url;
window.open(officeUrl,'_target');

excel查看可选参数：
ActiveCell='Sheet1'!A1 // 默认选中单元格(url编码后的)

嵌入式查看：


excel查看可选参数：
ActiveCell='Sheet1'!A1 // 默认选中单元格(url编码后的)
wdHideGridlines=True // 隐藏网格线(有参数即为true)
wdHideHeaders=True // 隐藏行和列标题(有参数即为true)
wdDownloadButton=True // 包含一个下载链接(有参数即为true)
wdAllowInteractivity=True // 可以进行筛选和排序(有参数即为true)
AllowTyping=True // 可以在单元格中键入内容(不会保存所做的更改 有参数即为true)

二、阿里云IMM

接入文档

结合对象存储（OSS）使用，提供文档的格式转换及预览等功能

三、XDOC文档预览云服务（pdf、word、xls、ppt）

(免费10天试用)

XDOC文档预览云服务

优点：

1. 只需要传入文档URL，基于内容自动识别文档格式
2. 高效、快速、实时预览，重复请求0毫秒响应
3. 适用于PC端和移动端
4. 支持PDF,OFD,DOC/X,XLS/X,PPT/X,JPG,MP4等多种文档格式

let docUrl = 'https://view.xdocin.com/demo/view.docx';
let name = '荷塘月色';
let url = encodeURIComponent(docUrl);
let officeUrl = 'http://view.xdocin.com/view?src='+url+'&title='+name;
window.open(officeUrl)

可选参数：

参数	默认值	说明
pdf	false	word文档尝试以pdf方式显示
watermark		显示文本水印。如：img:https://view.xdocin.com/demo/wm.png
saveable	false	是否允许保存源文件
printable	true	是否允许打印
able	true	是否允许选择复制内容
toolbar	true	是否显示底部工具条
title		自定义文档标题
expire		预览链接有效期，单位分钟，默认永久有效
limit		限制页数。如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效
filename		文件名，辅助识别文档格式
fontsize	14	字体大小(单位px)。范围:6~58
mtime		文件修改时间戳或修改时间，值改变刷新缓存