juqery.media.js实现pdf预览效果

 

使用 juqery.media.js 实现 pdf 预览

 

作用：可以实现在指定的位置预览PDF

 

缺点：

 

（1）在iPad上只能预览一页PDF。（问题是iPad会将PDF转为img呈现，试了将img宽度设置为100%方法但并不好使）

 

（2）在安卓上不能预览，依旧是下载。（问题是因为安卓浏览器不支持预览PDF，只能下载后用app打开）

 

git地址

 

https://github.com/malsup/media/tree/master

 

代码

 

<div id="pdf-wrap" style="height:100%"></div>

 

<script type="text/javascript" src="js/lib/jquery.media.js"></script>

 

<script>

 

$（"#pdf-wrap"）。media（{

 

  width: '100%',

 

  height: $（".pdf-popup"）。height（），

 

  src: $（this）。attr（'data-src'）

 

}）

 

</script>