office web viewer实现office文档在线预览
office web viewer官网介绍
若要自行制作 URL,您可使用以下链接,其中 <文档位置> 是文档的 URL。
http://view./op/view.aspx?src=\<文档位置>
注意:<文档位置> 必须是编码的 URL,并且文档在 Internet 上必须是可公开访问的。
以下是 Office Web Viewer 中的文档的一些示例:
在 Microsoft Build 大会上,有大量 PowerPoint 系列的演示文稿。如果您要观看其中一个演示文稿的视频,还可使用 Office Web Viewer 查看包含此演示文稿的 PowerPoint 系列。http://view./op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f%2fslides%2fTOOL-532T_Sutter.pptx在一个受欢迎的银行网站上,我们发现了这个不错的 Wedding Budget Planner 电子表格。为了预览此电子表格而不是下载它,我们创建了一个 Office Web Viewer 链接。http://view./op/view.aspx?src=http%3A%2F%%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx以下是我们在 Bing 上发现的一个学校新闻通讯模板。通过使用 Office Web Viewer,您无需担心学校的每一个人是否能够查看 Word 文档的问题,现在他们只需要一个浏览器。http://view./op/view.aspx?src=%2Ff%2Fele%2Bnewsletter.docx
如果您的文档是一个 Office 文档,并且在 Internet 上可公开访问,那么您便可顺利开始。Office Web Viewer 链接很好地替换了下载链接,因为您的读者无需特殊程序也能查看您的文档,并且他们无需退出其浏览器。
文档开起来平平无奇也蛮简单的,然后昨天就遇到坑了,踩完发现
1. 文档链接不支持ip访问的,需要有域名支持
2. 访问端口仅支持80,443端口
3. 不支持PDF预览
针对以上问题只能配置域名访问,pdf文档采用pdfjs实现在线预览
1. 域名配置
配置域名后发现测试服务器是内网虚拟机,对外没有映射80端口,只能曲线救国,从有80端口的服务器采用nginx的反向代理到测试服务器地址,从而解决了域名及端口的问题
2. pdfjs/mozilla/pdf.js
下载pdfjs/mozilla/pdf.js/releases/download/v2.5.207/pdfjs-2.5.207-es5-dist.zip
解压后重命名为pdfjs放至Upload目录下,Upload已经配置域名访问,例:
然后要访问Upload/0117/demo.pdf的话,配置相应的访问链接如下:
/pdfjs/web/viewer.html?file=/0117/demo.pdf
注意pdfjs和pdf使用同一个域名进行访问,否则会报跨域错误,如果不想用同一个域名,需要配置pdf访问允许跨域,或者使用数据流的形式进行响应