jQuery实现在线预览PDF文件

Web实现在线预览PDF文件,可通过jQuery.media实现,首先引入jQuery和jQuery.media库:

1
2
<script type="text/javascript" src="jquery.min.js"></script>  
<script type="text/javascript" src="jquery.media.js"></script>

jQuery:https://code.jquery.com/jquery-3.6.0.min.js
jQuery.media: https://github.com/malsup/media/tree/master

新建pdf.html,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>在线预览PDF文档</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
<script type="text/javascript">
$(function() {
$('a.media').media({width:1000, height:600});
});
</script>

</head>
<body>
<center>
<a class="media" href="阿里巴巴Java开发手册(终极版).pdf"></a>
</center>
</body>
</html>

浏览器打开pdf.html,效果如下:
jQuery实现在线预览PDF


jQuery实现在线预览PDF文件
https://river106.cn/posts/f6da897b.html
作者
river106
发布于
2021年11月30日
许可协议