移动端 H5 有什么好的方式可以直接预览 word、Excel、ppt 等文件

gee1k

2018-10-28 18:53:47 +08:00

各位有什么好的办法吗？

gee1k

2018-10-28 18:55:56 +08:00

类似： https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fteacher.91yixi.com%2FW008%2F1.xls

gee1k

2018-10-28 18:57:24 +08:00

Chrome 通过 DevTool 模拟移动端访问就可以复现这个问题

mmdsun

2018-10-28 22:05:32 +08:00

这个预览就是 office online server 吧。可以自己搭建一个 office online server 2016

gee1k

2018-10-28 23:35:15 +08:00

@mmdsun 搭建的也是这个服务吧，那应该也就会出现同一个问题，这个重定向的原因应该是因为移动端屏幕小，需要一个跟紧凑一点的布局页面来显示内容。

是不是自己部署能修改里面的代码，其实只要能把里面的 window.top.href 改成 window.href 就能在外面通过 iframe 解决了

kslr

2018-10-28 23:57:09 +08:00

预览 pdf 不行吗

maxoxo

2018-10-28 23:59:16 +08:00

直接用 Google doc 打开？

gee1k

2018-10-29 00:07:01 +08:00

@maxoxo pdf 预览有 pdf.js
还有 office 三件套呢

gee1k

2018-10-29 00:07:35 +08:00

@maxoxo google doc 不得翻墙嘛，不能让每个用户都翻墙吧🌚

autoxbc

2018-10-29 01:08:38 +08:00

在服务器上读页面
https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fteacher.91yixi.com%2FW008%2F1.xls

处理 html，过滤出 _iframeUrl，返回给前端插入 iframe

geelaw

2018-10-29 01:54:08 +08:00

使用 https://support.office.com/en-us/article/Embed-a-Word-document-in-your-blog-0faa0253-2751-44bf-8486-ea7837fe7db1

https://support.office.com/en-us/article/Embed-your-Excel-workbook-on-your-web-page-or-blog-from-SharePoint-or-OneDrive-for-Business-7af74ce6-e8a0-48ac-ba3b-a1dd627b7773

提供的方法，至少这里 embed Excel 不会导致重定向

https://blogs.msdn.microsoft.com/arpans/2014/07/28/include-office-content-in-your-web-pages/

gee1k

2018-10-29 13:45:37 +08:00

@geelaw 感谢，这也是一种方法。但在我这个业务里可能不太实用，我这边的文件都是用户从 PC、移动端自己上传的文件。不可能做到每次打开一下文件 share 一下😟

xjm998

2019-05-30 21:46:54 +08:00

Web 表格？雷鸟 365 了解下。