html制作在線預覽文件功能的方法-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關html制作在線預覽文件功能的方法，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供吉州網站建設、吉州做網站、吉州網站設計、吉州網站制作等企業(yè)網站建設、網頁設計與制作、吉州企業(yè)網站模板建站服務，10年吉州做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

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

創(chuàng)建有個p用于展示

<p id="example1"></p>

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

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

預覽效果

以上就是html制作在線預覽文件功能的方法，詳細使用情況還需要大家自己親自動手使用過才能領會。如果想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)成都網站設計公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享標題：html制作在線預覽文件功能的方法-創(chuàng)新互聯(lián)
標題路徑：http://muchs.cn/article26/deoccg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、做網站、動態(tài)網站、品牌網站制作、軟件開發(fā)、全網營銷推廣

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)