1、PDF檔案在線預覽
1.HTML5新標簽<embed>定義和用法
<embed> 標簽定義嵌入的內容，這個標簽是自閉合的的，也就是說如果瀏覽器不支持PDF的嵌入，那么這個標簽的內容什么都看不到，
實體
<embed src="/file/操作手冊.pdf" type="application/pdf" width="100%" height="100%" />
2.<iframe>
<iframe>方法是嵌入PDF的最簡單方法之一，但是，如果<iframe>瀏覽器不支持PDF呈現，則可能無法提供足夠的后備內容，
實體
<iframe src="您的PDF地址" width="100%" height="100%"> 該瀏覽器無法支持PDF，請點擊查看： <a href="PDF地址">下載 PDF</a>
</iframe>
3.<object>
與<embed>不同，<object>如果瀏覽器不支持PDF嵌入，則該元素可提示內容，所有瀏覽器都支持<object>元素，但是，每個瀏覽器中的實作方式通常存在差異，如果您使用該<object>元素，請務必在瀏覽器和作業系統中徹底測驗您的頁面，
實體
<object data="/file/操作手冊.pdf" type="application/pdf" width="100%" height="100%"> 該瀏覽器不支持PDF.請點擊查看: <a href="/file/操作手冊.pdf">Download PDF</a>.</p> </object>
2、word、xls、ppt在線預覽
word、ppt、xls檔案實作在線預覽的方式比較簡單可以直接通過呼叫微軟的在線預覽功能實作 (預覽前提：資源必須是公共可訪問的)
<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>
src就是要實作預覽的檔案地址
補充：google的檔案在線預覽實作同微軟（資源必須是公共可訪問的），但是需要翻墻
<iframe src="https://docs.google.com/viewer?url=fileurl"></iframe>
3、XDOC在線預覽
XDOC可以實作預覽以DataURI表示的DOC檔案，此外XDOC還可以實作文本、帶引數文本、html文本、json文本、公文等在線預覽，具體實作方法請看官方檔案
下面這種方式可以實作快速預覽word但是對檔案使用的編輯器可能會有一些限制
<a href="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/47766.html
標籤：Html/Css