在线预览文档（支持word、excel、ppt、pdf）+在线预览文档html版

 如果实现Office文件在线预览

https://usdoc.cn/

usdoc文档在线预览服务

特点：支持PC端office预览，支持移动端office在线预览，支持IOS，Mac等平板设备在线预览。

一、拼接文件地址。

将文件地址（文件url）拼接在：http://vw.usdoc.cn/?src=文件地址url

http://vw.usdoc.cn/?src=文件地址url
例如: http://vw.usdoc.cn/?src=https://zh.usdoc.cn/view/个人简历.docx

每一种文件预览都有至少3中模式可选择，此处以word在线预览为例。
参数：

1）m = 0（默认参数）该参数为默认参数表示word预览效果以第一种形式展示。1）w = 0（默认参数）该参数为默认参数表示word预览效果以第一种形式展示。

效果如图
http://vw.usdoc.cn/?m=0&src=http://api.usdoc.cn/vw/20221019/几个技巧帮你避开百度陷阱.docx

（2）m=1 该模式下格式比较准确

效果如图
http://vw.usdoc.cn/?m=1&src=http://api.usdoc.cn/vw/20221019/几个技巧帮你避开百度陷阱.docx

（3）w = 5 （推荐模式）

该模式下会将word转换为纯html，格式更清晰
http://vw.usdoc.cn/?m=5&src=http://api.usdoc.cn/vw/20221019/几个技巧帮你避开百度陷阱.docx

二、JavaScript实现office在线预览。

点击查看代码

<script type="text/javascript">
    //可以直接打开文件在线预览
	window.location.href("http://vw.usdoc.cn/?m=5&src=http://api.usdoc.cn/vw/20221019/几个技巧帮你避开百度陷阱.docx");
</script>
 

ifream实现office在线预览

点击查看代码

<iframe src="http://vw.usdoc.cn/?m=5&src=http://api.usdoc.cn/vw/20221019/几个技巧帮你避开百度陷阱.docx" width="800" height="900">
</iframe>