[置顶] 如何在浏览器中打开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({ 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文件的鏈接打開，滿足了需求。
總結
以上是生活随笔為你收集整理的[置顶] 如何在浏览器中打开PDF文件并实现预览的思路与代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CSS行高——line-height
- 下一篇： JEECG Framework 3.3.