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,效果如下: