Jquery.media.js實現網頁線上預覽pdf檔案
阿新 • • 發佈:2018-11-26
近期在工作中遇到了需要在網站預覽pdf檔案的需求,網上的資料很多,我使用了其中一種,即使用 Jquery.media.js包實現。
首先需要準備兩個內容:
1,jquery.js,任意版本
2,jquery.media.js,可以從網上搜,或者去下面我提供的地方下載(是我上傳的),連結如下:
http://download.csdn.net/download/u013276512/10027883
然後在頁面中引入上述的兩個js檔案
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
最後在頁面展示pdf的位置中新增一行程式碼:
<a class="media" href="Thinking In Java 4(完美高清中文版).pdf"></a>
儲存頁面檔案,就可以了
提示:
如果pdf檔案像我例子中一樣有中文,則需要在頁面的<head>標籤中新增:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
否則會出現檔案找不到的異常錯誤。
我的例子全部程式碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Online View PDF</title>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
$(function() {
$('a.media').media({width:1200, height:800});
});
</script>
</head>
<body>
<div>
<a class="media" href="Thinking In Java 4(完美高清中文版).pdf"></a>
</div>
</body>
</html>