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