剛好遇到需求，需要在手機端--展示一個電子收據，電子收據返回是PDF格式的，所以需要在前端上面去做PDF預覽。

在學習過程中，了解到一種很簡單，不需要任何插件的方法做PDF預覽，但是這方法有局限性.

代碼如下：

<object data="../assets/09.pdf" type="application/pdf" width="100%" height="100%">
<iframe src="../assets/09.pdf" width="100%" height="100%" style="border: none;"> This browser does not support PDFs. Please download the PDF to view it: <a href="/index.pdf">Download PDF</a> </iframe> </object> 直接在HTML，中嵌入上訴代碼，在支持PDF格式的瀏覽器中就可以直接查看了。 局限性：低版本IE，不能直接查看，? 手機端這樣使用的話，iOS可以直接預覽PDF，但是安卓手機回提示下載，不能直接預覽。 那么我們就要使用第二種方法。 引入PDF.js文件進行展示， 遇到一個很不錯的寫pdf.js如何使用的文章，我 就不寫了 ，直接附上地址吧 https://blog.csdn.net/li_cheng_liang/article/details/75332938

轉載于:https://www.cnblogs.com/leolovexx/p/9286706.html

總結

以上是生活随笔為你收集整理的JS展示预览PDF。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。