html页面在线预览PDF文件

依赖:jquery.media.js,自行百度下载

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

静态页面核心代码:

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


test.js文件核心代码:

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

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

上个效果图:(支持缩放,全屏,旋转,在线下载,打印)

html页面在线预览PDF文件_第1张图片

你可能感兴趣的:(web相关)