前两天接到一个需求:需要在线预览用户上传的Word,Excel,PPT文档

      前端同事一听到这个需求,心里就开始骂了,什么鬼需求啊,浏览器怎么打开Word,Excel吗? 这个要开发一个浏览器插件,这个需要后端把文件转换了.还有的直接在心里已经骂了产品经理SB.

      我听到这个需求还是很冷静的想了一下的.并没有当面拒绝或接受.拒绝或接受都要有正当的理由,再没有充分查阅资料之前,我不会给出任何承诺,技术的海洋是无边无际的,总会有你没有游到的地方.

 

会后一顿搜,还真被我找到了,看来前人已经做过了这样的需求

使用以下链接即可进行预览一个word文档.

http://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/3.docx

点击这里在线查看word文档

此链接分为两部分,一是

http://view.officeapps.live.com/op/view.aspx 这个链接是微软的Office Online团队的一个服务

src=http://mczaiyun.top/ht/3.docx 这个链接是我们要解析的office文档地址

 

为此我写了一个demo可以供各位网友预览 demo点击体验

pdf不能使用此种方式打开,毕竟pdf不属于Office文件嘛,需要使用另一种方式打开 大家可以使用pdf.js来操作pdf,在线预览,编辑PDF

注意:无法打开文档？

office文档必须是外网可访问的,链接必须是域名,并且是80端口

若您看到错误“很抱歉，由于某种原因我们无法打开该文件”，它意味着无法找到文档或无法显示文档。 可能的原因包括：

  • 在您提供的 URL 中无法找到任何文档。 请确保您提供正确的 URL。
  • 文档而言太大。Word 和 PowerPoint 文档必须小于 10 兆字节;Excel 必须小于五个兆字节。
  • 文档的保存格式不是 Web 浏览器支持打开的格式。请尝试将您的文档保存为下列格式之一：
  • Word: docx dotx
  • Excel：xlsx、xlsb、xls、xlsm
  • PowerPoint: pptx、 ppsx、 ppt、 pps、 potx、 ppsm
  • 您需要登录或提供密码才能打开该文档。 将文档设为可公开查看。
  • 文档的文件名称包含无效字符。请尝试编码的文件的名称，当您键入文档的 URL 或重命名文件以仅使用字母和数字。
    例如，要编码的 URL，包括与号 (&)，您需要键入%26 & 字符。有关 URL 编码的详细信息，也称为为百分比编码，请参阅维基百科的百分比编码。

写在最后,这种方式,有可能将你的Office文件上传到微软服务器,机密文件请谨慎使用.