word+excle+pdf表格在線瀏覽

通過iframe直接引用微軟提供的方法

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>

在 https://view.officeapps.live.com/op/view.aspx?src= 后邊添加需要預(yù)覽的內(nèi)容

pdf在線瀏覽

PDF.js下載地址

http://jhyt.oss-cn-shanghai.aliyuncs.com/images/1531367199089_PDFObject.js

使用方法

引入pdf.js文件

<script src="./js/PDF/PDFObject.js" type="text/javascript"></script>

創(chuàng)建有個(gè)div用于展示

<div id="example1"></div>

通過js動態(tài)添加需要瀏覽的pdf地址

 var options = {height: "550px",pdfOpenParams: {view: 'FitV', page: '0' },name:"mans",fallbackLink: "<p>您的瀏覽器暫不支持此pdf，請下載最新的瀏覽器</p>"};
PDFObject.embed(url, "#example1",options);

預(yù)覽效果

摘自：https://blog.csdn.net/superKM/article/details/81013304

總結(jié)

以上是生活随笔為你收集整理的html 实现动态在线预览word、excel、pdf等文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。