本文介绍了如何利用Jquery.media.js库在网页上实现PDF文件的在线预览。首先，需要获取jquery.js和jquery.media.js两个JavaScript文件，并在页面中引入。接着，在需要预览PDF的位置添加带class 'media' 的a标签，链接到PDF文件。为确保中文显示正常，需在<head>中设置页面字符集为UTF-8。通过示例代码展示了完整实现过程。
近期在工作中遇到了需要在网站预览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>
<script type="text/javascript" src="jquery.media.js"></script>
最后在页面展示pdf的位置中添加一行代码：
<a class="media" href="Thinking In Java 4(完美高清中文版).pdf"></a>
保存页面文件，就可以了
提示：
如果pdf文件像我例子中一样有中文，则需要在页面的<head>标签中添加&#
最低0.47元/天 解锁文章
扫一扫
2974
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
