1. 程式人生 > >網頁中顯示pdf的方法

網頁中顯示pdf的方法

代碼 ner .cn logs 解決方法 ews param 復制 ng-

非常好的在網頁中顯示pdf的方法

今天有一需求,要在網頁中顯示pdf,於是立馬開始搜索解決方案,無意中發現一個非常好的解決方法,詳見http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。

其實就光看這個網站也足夠了,http://www.pdfobject.com/

記錄一下主要代碼:

<script type="text/javascript" src="scripts/pdfobject/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "pdf/CGVET22-08-2011V2P.pdf" ,pdfOpenParams: { scrollbars: ‘0‘, toolbar: ‘0‘, statusbar: ‘0‘}}).embed("pdf1");
};
</script>

<div id="pdf1" style="width:700px; height:600px;">It appears you don‘t have Adobe Reader or PDF support in this web browser. <a href="~/pdf/CGVET22-08-2011V2P.pdf">Click here to download the PDF</a></div>

1. http://api.docin.com/ 豆丁的 Docin API是免費開放式“文檔在線預覽”接口程序 可以顯示 doc pdf等文件

必須指定網絡路徑不然 會報:技術分享圖片技術分享圖片技術分享圖片技術分享圖片技術分享圖片

2. 網上的方法還是很多的。

<object>標簽

技術分享圖片 <object border="0" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="650" height="600" VIEWASTEXT="">
<PARAM NAME="_cx" VALUE="17197">
<PARAM NAME="_cy" VALUE="15875">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="yourfile.pdf"> 技術分享圖片技術分享圖片</OBJECT> 技術分享圖片

技術分享圖片

ie 可以顯示,可是在chrome ff 下都不行。

3. 標簽 embed

<embed src="yourfile.pdf" width="600" height="600">

這下三個瀏覽器表示毫無壓力。

4. 接下來 也是可以的。 在這裏發現的: http://www.ehow.co.uk/video_4983082_display-pdf-file-html-web.html

<iframe src="My.pdf" style="width:718px; height:700px;" frameborder="0"></iframe>

reference:

http://www.ehow.co.uk/video_4983082_display-pdf-file-html-web.html

http://www.cnblogs.com/dayou123123/archive/2012/06/01/2530917.html

網頁中顯示pdf的方法