【jquery预览pdf文件】

近期在工作中遭遇了必须在网页预览pdf文件的需求，网上的资料众多，我使用了其中一种，即使用 Jquery.media.js包实现。

首先必须准备两个内容：

1,jquery.jsrealplayer插件，任意版本

2,jquery.media.jsrealplayer插件，可以从网上搜，或者去下面我提供的地方下载（是我上传的），链接如下：

然后在页面中启用上述的两个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>标签中添加：

<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>

<script type="text/javascript">

$(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>

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-144661-1.html