程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 如何在浏覽器中打開PDF文件並實現預覽的思路與代碼

如何在浏覽器中打開PDF文件並實現預覽的思路與代碼

編輯:關於ASP.NET

     其實也就是簡單的在浏覽器中實現一個打開pdf文件,並有類似預覽功能的邊框。

    如何在浏覽器中打開PDF文件並實現預覽的思路與代碼 三聯

    其實在網上經常見到類似的頁面,在浏覽器中打開pdf文檔,可大部分都是由於版權的原因使用了一些很特殊的技術,自然很難模仿了。
    即使有直接在浏覽器打開的例子,也必須手動點擊一下鏈接然後才能打開pdf文件。如何直接打開,而不用點擊鏈接呢?
    本以為自己對js很熟,也就使用js模擬點擊,可就是不管用,沒辦法,只能在網上繼續尋找資料。最終想不到代碼卻很簡單。
    最主要的是使用到了一個jquery的插件jquery.media.js,使用這個插件就很容易實現了。
    核心代碼:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
       <meta content="IE=7.0000" http-equiv="X-UA-Compatible"/>
    <title>pdf閱讀</title>
    <script type="text/javascript" src="pdfview_files/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="pdfview_files/jquery.media.js"></script>
    <script type="text/javascript">
        $(function () {
            $('a.media').media({ width: 800, height: 800 });         
        });
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
       <div id="main">
    <a class="media" href="../../災害性天氣典型個例/暴雨/河套西部一次局地大暴雨成因分析.pdf" id="PDFFile">
    河套西部一次局地大暴雨成因分析</a>
    </div>
        </form>
    </body>
    </html>

    使用jquery.media.js就可以直接把一個連接到pdf文件的鏈接打開 

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved