這篇文章給大家分享的是有關html制作在線預覽文件功能的方法，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲。
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= 后邊添加需要預覽的內容
注意：鏈接包含中文需要進行URL編碼，并且文檔必須可在Internet上公開訪問
官方使用文檔
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>c
創建有個p用于展示
<p id="example1"></p>
通過js動態添加需要瀏覽的pdf地址
var options = {
height: "550px",
pdfOpenParams: {view: 'FitV', page: '0' },
name:"mans",
fallbackLink: "<p>您的瀏覽器暫不支持此pdf，請下載最新的瀏覽器</p>"
};
PDFObject.embed(url, "#example1",options);預覽效果
以上就是html制作在線預覽文件功能的方法，詳細使用情況還需要大家自己親自動手使用過才能領會。如果想了解更多相關內容，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
