Web實現在線預覽PDF文件,可通過jQuery.media實現,首先引入jQuery和jQuery.media庫:
<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,內容如下:
<!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,效果如下: