admin管理员组

文章数量:1644597

office web viewer实现office文档在线预览

office web viewer官网介绍

若要自行制作 URL,您可使用以下链接,其中 <文档位置> 是文档的 URL。

http://view.officeapps.live/op/view.aspx?src=\<文档位置>

注意: <文档位置> 必须是编码的 URL,并且文档在 Internet 上必须是可公开访问的。

以下是 Office Web Viewer 中的文档的一些示例:

  • 在 Microsoft Build 大会上,有大量 PowerPoint 系列的演示文稿。如果您要观看其中一个演示文稿的视频,还可使用 Office Web Viewer 查看包含此演示文稿的 PowerPoint 系列。http://view.officeapps.live/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx
  • 在一个受欢迎的银行网站上,我们发现了这个不错的 Wedding Budget Planner 电子表格。为了预览此电子表格而不是下载它,我们创建了一个 Office Web Viewer 链接。http://view.officeapps.live/op/view.aspx?src=http%3A%2F%2Flearn.bankofamerica%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx
  • 以下是我们在 Bing 上发现的一个学校新闻通讯模板。通过使用 Office Web Viewer,您无需担心学校的每一个人是否能够查看 Word 文档的问题,现在他们只需要一个浏览器。http://view.officeapps.live/op/view.aspx?src=newteach.pbworks%2Ff%2Fele%2Bnewsletter.docx

如果您的文档是一个 Office 文档,并且在 Internet 上可公开访问,那么您便可顺利开始。Office Web Viewer 链接很好地替换了下载链接,因为您的读者无需特殊程序也能查看您的文档,并且他们无需退出其浏览器。

文档开起来平平无奇也蛮简单的,然后昨天就遇到坑了,踩完发现

1. 文档链接不支持ip访问的,需要有域名支持

2. 访问端口仅支持80,443端口

3. 不支持PDF预览

针对以上问题只能配置域名访问,pdf文档采用pdfjs实现在线预览

1. 域名配置

配置域名后发现测试服务器是内网虚拟机,对外没有映射80端口,只能曲线救国,从有80端口的服务器采用nginx的反向代理到测试服务器地址,从而解决了域名及端口的问题

2. pdfjs https://github/mozilla/pdf.js

下载pdfjs https://github/mozilla/pdf.js/releases/download/v2.5.207/pdfjs-2.5.207-es5-dist.zip

解压后重命名为pdfjs放至Upload目录下,Upload已经配置域名访问,例: doc.bingher

然后要访问Upload/20210117/demo.pdf的话,配置相应的访问链接如下:

http://doc.bingher/pdfjs/web/viewer.html?file=http://doc.bingher/20210117/demo.pdf

注意pdfjs和pdf使用同一个域名进行访问,否则会报跨域错误,如果不想用同一个域名,需要配置pdf访问允许跨域,或者使用数据流的形式进行响应

 

 

本文标签: 在线文档officewebViewer