在浏览器中使用JS打开并展示PDF文件

JhonXie

于 2015-07-10 18:10:00 发布

阅读量2.7k

点赞数

文章标签： javascript xhtml ViewUI

本文介绍如何利用jQuery Media插件实现网页中PDF文件的嵌入式阅读体验。通过简单的HTML和JavaScript代码示例展示了如何配置插件以适应特定宽度和高度的PDF文档展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用jquery.media.js插件

示例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <meta content="IE=7.0000" http-equiv="X-UA-Compatible"/>
<title>pdf阅读</title>
<script type="text/javascript" src="pdfview_files/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="pdfview_files/jquery.media.js"></script>
<script type="text/javascript">
    $(function () {
        $('a.media').media({ width: 800, height: 800 });         
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="main"><a class="media" href="xxx.pdf">pd文档</a></div>
    </form>
</body>
</html>