萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> 如何在浏覽器中打開PDF文件並實現預覽的思路與代碼

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

 其實也就是簡單的在浏覽器中實現一個打開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文件的鏈接打開 

copyright © 萬盛學電腦網 all rights reserved