浏览器实现PDF预览

最新推荐文章于 2024-06-07 20:03:50 发布

chuowen140381

最新推荐文章于 2024-06-07 20:03:50 发布

阅读量2.4k

点赞数

文章标签： javascript 前端 java ViewUI

原文链接：https://my.oschina.net/u/3616609/blog/1486884

版权

1、使用jquery.media.js预览PDF

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>01使用jquery.media插件进行PDF预览</title>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.media.js"></script>
</head>
<script>
$(document).ready(function() {
$('div.media').media({
width: 1200,
height: 600,
src: "生活规律.pdf"
});
});
</script>
<body>
<div class="media"></div>
</body>
</html>

2、使用PDF.JS在线查看PDF

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>02使用pdf.js插件进行PDF预览</title>
</head>
<body>
<a href="#" οnclick="window.open('js/html5-online-pdf-viewer/web/viewer.html?file=/浏览器实现PDF预览/生活规律.pdf');">
查看生活规律.pdf
</a>
</body>
</html>

3、利用PDF.JS插件解决了本地pdf文件在线浏览问题（根据需要隐藏下载功能，只保留打印功能）

隐藏下载功能：

在viewer.html更改即可

更改之前

更改之后

即增加 style="visibility:hidden" 就可隐藏下载功能。

隐藏打印等其他功能同上。

附件源码

下载地址：http://pan.baidu.com/s/1qXUo1T6

转载于:https://my.oschina.net/u/3616609/blog/1486884

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
浏览器实现PDF预览

1、使用jquery.media.js预览PDF <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/> <title>01使用jquery.med...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。