使用PDF.JS在线查看PDF

过程简单粗暴。

第一步:下载源码https://github.com/mozilla/pdf.js

第二步:将源码拷贝进项目中,可以新建一个PDFShow文件夹存放代码

第三步:修改viewer.js

var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf'  里面是PDF的路径

修改为:var DEFAULT_URL = '';

发布IIS后访问localhost:8080/PDFShow/web/viewer.html?file=09.pdf即可。

打开新窗口的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<script language="javascript">
    function tanchu(a) {
        
    }
</script>
<body>
    <a href="#" onclick="window.open('web/viewer.html?file=09.pdf','PDF','width:50%;height:50%;top:100;left:100;');">查看09.pdf</a>
</body>
</html>

-------------------------------2017-07-13 13:01的分割线-------------------------------

文章年久失修,使用案例可参阅官方Demo

插件官方的例子:http://mozilla.github.io/pdf.js/examples/

这是我在官方上的例子修改了url之后的Demo示例:http://jsfiddle.net/9engc9mw/582/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏流柯技术学院

sublime text 3启动报错"swallow_startup_errors"解决方法

首选项 -- package settings -- Anaconda -- settings-user,

1203
来自专栏吉浦迅科技

CentOS 6.5系统安装配置图解教程(详细图文)

说明: 下面介绍CentOS 6.5的具体安装配置过程 服务器相关设置如下: 操作系统:CentOS 6.5 64位 IP地址:192.168.21.129 网...

4238
来自专栏大数据-Hadoop、Spark

Unable to connect to zookeeper server within timeout: 6000

1.启动zookeeper 2.启动kafka 3.启动kafka-producer 4.启动kafka-consumer 5.生产一些消息 6.ka...

4166
来自专栏前端小叙

查看端口被占用的情况以及如何解除端口占用

在windows安装好nginx之后,打开nginx.exe失败,我想应该是80端口被占用了,遂找到此方法。 注:以下命令需要在管理员权限下运行 以下文章主要以...

3545
来自专栏磨磨谈

rbd的ceph-backup增量备份本地恢复方法

这两篇文章里的方法都是基于rbd的快照去进行增量备份,之前文章里的恢复方法都是基于集群进行恢复,也就是需要一个集群进行导入,本篇将介绍另外一个方法,不基于集群进...

1152
来自专栏安全运维

腾讯云 Windows Server 服务器安全运维与更新

终端窗口输入 gpedit.msc ,选择计算机配置 -》管理模版 -》Windows组件 ,下图 ↓

73511
来自专栏小樱的经验随笔

Javac编译时出现包不存在的报错的解决方案

今天在学习包类调用时出现如下错误: ? packa包不存在,在C盘目录下应该有这个包啊 ? 原因是在当前目录下没找到,因为packa存放在其它目录下 如何解决:...

3886
来自专栏java闲聊

Docker中redis镜像

Docker让环境安装十分快捷 ,直接运行下方的命令,docker镜像就成功启动,

2174
来自专栏码生

Linux tar 用法

-c: 建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件

1093
来自专栏deed博客

手动给boot.img添加init.d支持和内核ROOT

2581

扫码关注云+社区

领取腾讯云代金券