前端页面实现在线预览文档Word、Excel、PPT、PDF

通过 ‘https://view.officeapps.live.com/op/view.aspx?src=’+ url 的方式打开

1、打开新窗口预览文件

<a target='_black'  href='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx'>预览文件</a>

2、当前页面预览文件

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx' />

注意事项:

• 在您提供的 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 编码的详细信息，也称为为百分比编码，请参阅维基百科的百分比编码。

3、预览PDF文件
上述方法适用于Word，Excel，PowerPoint，但是不适用于PDF文件的预览，想要预览PDF文件，可以通过以下方式进行预览（目前只了解到以下两种方案，后期有新的方案再进行补充）：

• a标签直接预览

<a target='_black'  href='http://mczaiyun.top/ht/4.pdf'>预览PDF文件</a>

• 通过pdf.js插件进行预览

参考原文