大家好，我是鋒哥；
平時大伙開發專案的時候，經常遇到業務需求Word、Excel、PPT、PDF在線預覽功能；
市面上這方面的解決方案也有一些，不做過多評價，今天主要推薦的是一個特定提前下的永久免費解決方案；
呼叫微軟的在線預覽功能（預覽前提：資源必須是公共可訪問的，不能是IP地址，只能是域名，且資源地址透明鏈接包含中文需要進行URL編碼，并且檔案必須可在Internet上公開訪問）此方法可行，
一，Wod在線預覽測驗Demo
<!-- 在線預覽Word -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/cizhi20211008.docx"
target="_blank"
rel="nofollow">
在線預覽Word
</a>
運行效果：
如有需要還可以通過iframe將檔案嵌入到頁面當中實作在線預覽
二，Excel在線預覽測驗Demo
<!-- 在線預覽Excel -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"
target="_blank"
rel="nofollow">在線預覽Excel</a>
運行效果：
同樣支持iframe內嵌：
<iframe width="100%" height="1000px" frameborder="1" scrolling="no"
src="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"></iframe>
運行效果：
三，PPT在線預覽測驗Demo
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx"
target="_blank"
rel="nofollow">在線預覽ppt</a>
運行效果：
同樣支持iframe內嵌：
<iframe
src='https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx'
width="100%" height="600px" frameborder="1" scrolling="no">
</iframe>
運行效果：
四，PDF在線預覽測驗Demo
1、前端實作PDF檔案在線預覽功能
PDF區別于office的三類檔案在于它不會默認打開鏈接自動下載而是瀏覽，PDF檔案理論上可以在瀏覽器直接打開預覽但是需要打開新頁面，在僅僅是預覽pdf檔案且UI要求不高的情況下可以直接通過a標簽href屬性實作預覽
<a href="http://blog.java1234.com/pdf20211008.pdf" target="_blank"
rel="nofollow">在線預覽PDF</a>
2、頁面內顯示PDF預覽
如果不希望打開新的頁面直接預覽PDF文科則可以通過jquery插件jquery.media.js來實作預覽功能，但是這種只能實作PDF預覽功能（包括其他各種媒體檔案）但是對word等其他檔案型別的檔案不適用，
搞一個div
<div id="handout_wrap_inner1"></div>
jquery.media.js渲染：
<script type="text/javascript">
$('#handout_wrap_inner1').media({
width: '100%',
height: '100%',
autoplay: true,
src: 'http://blog.java1234.com/pdf20211008.pdf',
});
</script>
運行效果：
Word、Excel、PPT、PDF在線預覽解決方案 完整Demox下載：
鏈接：https://pan.baidu.com/s/1PW3gbLkxd9q8MO843_GMeA
提取碼：1234
假如有資源失效，請加鋒哥WX： java1239
微信搜一搜公眾號【java1234】關注這個放蕩不羈的程式員，關注后回復【資料】有我準備的一線大廠筆試面試資料以及簡歷模板，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/307358.html
標籤：其他
上一篇：單鏈表C語言實作附加力扣題