1.word、excel 在线预览
使用 office 自带的链接进行预览。
const encodedData = encodeURIComponent(url);
const officeUrl = `http://view.officeapps.live.com/op/view.aspx?src=${encodedData}`;
window.open(officeUrl, '_target');
src后面的 URL是 网上能访问到的文件地址，比如http://abc.com/file/demo.xlsx
直接访问：view.officeapps.live.com/op/view.asp…
注意:经常会出现打不开的问题:
解决办法：
1、如果是前端js之类，处理办法是给URL采用encodeURIComponent()方法。
2、或者在服务器端转码urlencode('URL')过后输出到前端。
view.officeapps.live.com/op/view.asp…
二、XDOC文档预览云服务
除了微软外 更多功能的XDOC文档预览云服务 (view.xdocin.com/) 个人感觉挺功能强
简单 实时响应 跨端 多种格式, 水印 ,时效等... 更多可参考官网 ?
js调用方法 ： window.open("view.xdocin.com/view?src=" + encodeURIComponent("要预览的文件路径（要求必须是外网文件地址）"));
调用方法
注意： 文档地址要用utf-8编码，并且外网可访问。
例如： view.xdocin.com/view?src=ht…
JS调用： window.open("https://view.xdoci…
JS调用（带水印）： window.open("https://view.xdoci…
可选参数
&**pdf**=true，word文档尝试以pdf方式显示，默认false
&**img**=true，尝试以图片方式显示，默认false
&**watermark**=水印文本，显示文本水印；"img:"+图片url表示图片水印，如：img:https://view.xdocin.com/demo/wm.png
&**saveable**=true，是否允许保存源文件，默认false
&**printable**=false，是否允许打印，默认true
&**copyable**=false，是否允许选择复制内容，默认true
&**toolbar**=false，是否显示底部工具条，默认true
&**title**=自定义标题
&**expire**=30，预览链接有效期，单位分钟，默认永久有效
&**limit**=，限制页数，如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效
&**filename**=文件名，辅助识别文档格式
&**fontsize**=字体大小(单位px)，默认14，范围:6~58
&**mtime**=文件修改时间戳（如：1633093801，精确到秒）或修改时间（如：2021-10-01 21:10:01），值改变刷新缓存
3.PDF
办法1:
api.boot.jeecg.com/generic/web…
办法2:
<a href="https://jeecgos.oss-cn-beijing.aliyuncs.com/files/site/java_p3c.pdf">打开</a> href直接放文件地址就行
办法3:
src直接放文件地址就行 但是embed兼容性可能没那么好
<embed src="https://jeecgos.oss-cn-beijing.aliyuncs.com/files/site/java_p3c.pdf" type="application/pdf" style="width:100vw; height:100vh">
