如何直接在網頁中顯示PDF檔案

部落格分類：  web開發   1、<embed width="800" height="600" src="test_pdf.pdf"> </embed> 

通過的瀏覽器：360、Firefox、IE、Chrome 

2、<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0"> 

<param name="SRC" value="test_pdf.pdf"> 

</object> 

下面這個完整點： 

<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%" border="0"><!--IE--> 
      <param name="_Version" value="65539"> 
      <param name="_ExtentX" value="20108"> 
      <param name="_ExtentY" value="10866"> 
      <param name="_StockProps" value="0"> 
      <param name="SRC" value="testing_pdf.pdf"> 
<embed src="testing_pdf.pdf" width="100%" height="800" href="testing_pdf.pdf"></embed><!--FF--> 
</object> 

通過的瀏覽器：360、IE 

未通過的瀏覽器：Firefox、Chrome 

3、<iframe src="test_pdf.pdf" width="800" height="600"></iframe> 

通過的瀏覽器：360、Firefox、IE、Chrome 

4、用瀏覽器直接存取http://127.0.0.1/test_pdf.pdf (其實這個不算是在網頁內吧) 

通過的瀏覽器：360、Firefox、IE、Chrome 

以上四種方式均在WinXP下。（之前有碰到過上傳的功能在Win7下失效的情況，故在此說明一下OS）

--------------------------------------------------------

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

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

記錄一下主要代碼：

pdfobject.js 下載:http://pan.baidu.com/s/1kTJTiqr     http://pan.baidu.com/s/1kTJTiqr

<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>