Html 静态网页中嵌入 Word、Excel、PPT、PDF 文件

简介

整理了两篇博客文章，想要把两个 Excel 文件嵌入到网页中显示，遇到了一点小麻烦。
由于博客文件比较精简，尽量避开项目中调用大量脚本。
数据分析-手机号
数据分析-身份证号码

Office Web Apps Viewer

使用微软提供的 Office Online 实现 Office 文档的在线查看

使用方法

1	http://view.officeapps.live.com/op/view.aspx?src=[OFFICE_FILE_URL]

嵌入方法

1	<iframe src="http://view.officeapps.live.com/op/view.aspx?src=[OFFICE_FILE_URL]" style="width:100%; height:1500px;" frameborder="0"></iframe>

存在问题

Microsoft 限制文件大小 Worder、PPT 文件上限为 10MB，Excel 文件上限为 5MB。
由于我保存的 Excel 文件由 MySQL 数据库导出纯文本，没有压缩的空间。
解决：Excel 文件另存为 .xlsb 后缀(二进制工作簿要比正常格式大小小得多)

Google Docs Viewer

使用方法

1	https://docs.google.com/viewer?url=[OFFICE_FILE_URL]

嵌入方法

1	<iframe src="https://docs.google.com/viewer?url=[OFFICE_FILE_URL]" style="width:100%; height:1500px;" frameborder="0"></iframe>

存在问题

国内对于 Google 并不太友好，有时访问可能需要个梯子