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

office web viewer官网介绍

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

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

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

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

  • 在 Microsoft Build 大会上,有大量 PowerPoint 系列的演示文稿。如果您要观看其中一个演示文稿的视频,还可使用 Office Web Viewer 查看包含此演示文稿的 PowerPoint 系列。http://view.officeapps.live.com/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.com/op/view.aspx?src=http%3A%2F%2Flearn.bankofamerica.com%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx
  • 以下是我们在 Bing 上发现的一个学校新闻通讯模板。通过使用 Office Web Viewer,您无需担心学校的每一个人是否能够查看 Word 文档的问题,现在他们只需要一个浏览器。http://view.officeapps.live.com/op/view.aspx?src=newteach.pbworks.com%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.com/mozilla/pdf.js

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

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

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

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

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

office web viewer实现office文档在线预览相关推荐

  1. office 文档 在线预览功能实现(word,excel,pdf,ppt等多种格式)——使用https://view.xdocin.com/view 提示文档过期——基础积累

    web实现office文档在线预览功能--基础积累 最近遇到一个需求,就是要实现多种文档链接的在线预览,最简单的方式就是通过window.open(url地址)的方式来实现. 但是如果要求是在一个弹窗 ...

  2. Office Online Server 文档在线预览编辑【速成篇】

    操作系统 Windows Server 2012 R2 下载地址 密码: h6cq 部署 Office Online Server 官方手册 参照文档 仅执行步骤 1:为 Office Online ...

  3. Office文档在线预览接口服务器

    现在的Office文档在线预览基本都是收费的,但这个功能几乎在所有软件系统中都会有这个需求,微软有一个Office online是免费的,但是安装跟配置非常复杂,可以说用难度5颗星来形容,有没有一个更 ...

  4. office文档在线预览工具平台选型

    ​​​​​​在线预览原理 文档在线预览说明: 1.业务系统生成文档浏览地址,用户通过终端进行访 2.用户终端访问文档预览资源地址,请求文档解析器,解析器分为私有云和公有云部署,作用是将文档进行解析成x ...

  5. 前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件

    前端江太公 前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本.带参数文本.html文本.json文本.公 ...

  6. Office 文档在线预览

    现在的Office文档在线预览基本都是收费的,但这个功能几乎在所有软件系统中都会有这个需求,微软有一个Office online是免费的,但是安装跟配置非常复杂,可以说用难度5颗星来形容,有没有一个更 ...

  7. office(doc,xls,txt,pdf,ppt)文档在线预览及转换(office2pdf) - PHP版

    最近项目想用到"文档在线预览",参考了一下 使用OpenOffice.org将各类文档转为PDF 本想用OpenOffice的类, 但OpenOffice的类太复杂了.. 后来想到 ...

  8. WEB文档在线预览解决方案

    WEB文档在线预览解决方案 参考文章: (1)WEB文档在线预览解决方案 (2)https://www.cnblogs.com/lizhao123/p/11581971.html (3)https:/ ...

  9. 文档在线预览产品系列-解决方案篇

    文档在线预览产品系列-解决方案篇 hello 大家好,我又来了,上次我们聊到文档在线预览市场的产品类别有很多,今天我们就来盘点下各个类别以及对应的一些产品品牌. 产品类别 开源项目 开源项目是啥就不多 ...

最新文章

  1. 很实用的Python运行提速方法
  2. 什么是SDN以及SD-WAN的发展方向?—Vecloud微云
  3. final关键字---Java
  4. golang的指针到string,string到指针的转换
  5. leetcode 208 python3
  6. ASP.NET MVC:Razor 引入命名空间
  7. 每日长难句打卡Day23
  8. Excel 修改 【数据图表】 的 【数据源】 的范围 (VBA)
  9. PHP利用GD库将微信小程序二维码和用户头像拼接且用户在微信服务号回复指定内容将拼接的二维码返回
  10. Maven 解决parent项目下部分子项目的依赖问题
  11. c++中文件打开失败
  12. TortoiseSVN 打Tags
  13. 论文阅读:A Survey on Deep Hashing Methods 综述:深度哈希方法
  14. 【基本数据结构】python array数组 [easy] leetcode1,53,88,118,121,217,350,566
  15. APISpace 通知短信API
  16. 最好的在线PDF转换工具服务
  17. fiddler抓取https,提示“CA 根证书不在受信任的存储区域”的解决方法
  18. sudo,,sudo-i ,,su的区别
  19. AI越来越像人,人会爱上TA吗?
  20. 简单 python 爬虫(一)

热门文章

  1. __builtin_expect作用
  2. 怎样将pdf文件转换成ppt
  3. 【SA8295P 源码分析】12 - HQX Display(OpenWFD)调试命令介绍
  4. golang 中的信道练习 填充和遍历 备忘
  5. 自媒体运营是做什么的?有什么工具?
  6. Windows10锁屏壁纸提取
  7. mysql variables(1)
  8. Alpine Docker镜像字体问题解决
  9. 1023: 大小写转换 Python
  10. M1 Pro 安卓模拟器+Xposed环境