網頁嵌入pdf、在線預覽pdf工具及插件（轉）

摘要：在web開發時咱們有時會須要在線預覽PDF內容，在線嵌入pdf文件；html

問題1：如何網頁中嵌入PDF：jquery

在網頁中：git

經常使用的幾種PDF預覽代碼片斷以下：github

代碼片斷1:web

1  <object type="application/pdf" data="file:///D:/atm/prtPDF/2016-07-28622262104000373211200009087.pdf"
           id="review" style="width:800px;  height:750px; margin-top:45px;  margin-left:500px" >
2  </object>

代碼片斷2：chrome

1  <object type="application/pdf" data="D:/atm/prtPDF/2016-07-28622262104000373211200009087.pdf"
           id="review" style="width:800px;  height:750px; margin-top:45px;  margin-left:500px" >
2  </object>

代碼片斷3：瀏覽器

1 <embed src="file:///D:/atm/prtPDF/2016-07-28622262104000373211200009087.pdf"
         id="review" style="width:800px;  height:750px; margin-top:45px;margin-left:500px" >
2 </embed>

經常使用到的方法有如下幾種：安全

PDFObject

PDFobject能夠幫助你在頁面直接嵌入pdf文件，有時候有些項目須要動態地嵌入PDF文件。PDFObject爲此而設計的，他可以快速和容易的嵌入PDF文件，PDFObject使用JavaScript來產生相同的符合標準的標記，而後插入到您的HTML元素的選擇。您能夠填滿整個瀏覽器窗口，或將PDF格式轉換成一個網絡

或其餘塊級元素。

pdf.js

和 Google Chrome 使用的源自 Foxit 的閉源 PDF 瀏覽插件不一樣，PDF.js 是基於開放的 HTML5 及 JavaScript 技術實現的開源產品。app

pdf.js 是一個主要用於HTML5 平臺上在線閱讀PDF文檔的小插件，基於JavaScript技術編寫而成，無需任何本地技術支持。

pdf.js是由Mozilla Labs發佈的。他們的目標是建立一個通用的，基於標準的網絡平臺，可以解析和渲染PDF文件，並最終發佈一個PDF閱讀器擴展，毫無疑問 pdf.js 將被整合入 Gecko 成爲 Firefox 的內嵌 PDF 閱讀器，可是具體整合時間表還沒有肯定

jsPDF

jsPDF 是一個使用Javascript語言生成PDF的開源庫。你能夠在Firefox插件，服務端腳本或是瀏覽器腳本中使用它。客戶端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暫不支持。。

jQuery Media Plugin是一款基於jQuery的網頁媒體播放器插件，它支持大部分的網絡多媒體播放器和多媒體格式，好比：Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根據當前的腳本配置，自動將a標籤替換成div，並生成object, embed甚至是iframe代碼，至於生成object仍是embed，jQuery Media會根據當前平臺自動判別，所以兼容性方面很是出色下面這段代碼是jQuery Media生成後的。

若是你加載本地路徑的PDF文件時；瀏覽器會提示沒法加載本地資源文件時；緣由分析以及解決方案以下：

因爲Chrome的安全限制問題；瀏覽器通常不容許加載本地資源文件；

轉自：https://www.cnblogs.com/xgyy/p/6119459.html

網頁嵌入pdf、在線預覽pdf工具及插件（轉）

PDFObject

pdf.js

jsPDF

jQuery Media Plugin

Google Docs PDF viewer

ZOHO Viewer

Anychart：使用 JavaScript 導出PDF

jQuery Document Viewer