html页面在线预览PDF文件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jqc874789596/article/details/81191637

依赖：jquery.media.js，自行百度下载

下载后放入指定位置，例：/static/js/lib/jquery.media.js

静态页面核心代码：

<div id="pdf_preview"></div>

以上静态页面还需要引入js文件和依赖

<script src="#springUrl('/static/js/sys/test.js')"></script>
<script type="text/javascript" src="/static/js/lib/jquery.media.js"></script>

test.js文件核心代码：

src = '******.pdf';
$('#pdf_preview').media(
{
  width : '1380px',
  height : '800px',
  autoplay : true,
  src : src,
});

src属性写入pdf文件的访问路径，放在项目中的相对路径或放在服务器中的绝对路径都可以访问到。

上个效果图：（支持缩放，全屏，旋转，在线下载，打印）