使用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 条评论
登录 后参与评论

相关文章

  • 使用 docker-compose 快速安装Jenkins

    当前 docker 版本:Docker version 18.09.0 当前 docker-compose 版本:docker-compose version...

    易墨
  • 在asp.net core2.1中添加中间件以扩展Swashbuckle.AspNetCore3.0支持简单的文档访问权限控制

    在此之前的接口项目中,若使用了 Swashbuckle.AspNetCore,都是控制其只在开发环境使用,不会就这样将其发布到生产环境(安全第一) 。 那么,...

    易墨
  • Jenkins在shell脚本运行docker权限报错解决

    能够在shell中使用docker version打印版本号,但是无法执行docker,报错信息如下

    易墨
  • html基础知识

    超文本传输协议,Hypertext Transfer Protocol。 这是一个文件的传输协议,我们上网的时候,所有的文件都是通过HTTP这个协议,从服务器...

    Demo_Yang
  • 简易图书管理系统(主要是jsp+servlet的练习),基于jsp+servlet的图书管理系统

    jsp+Servlet图书管理系统第一版的第一次更新:免费源码下载,停更,自行下载即可,谢谢:http://download.csdn.net/detail/b...

    别先生
  • 简易图书管理系统(主要是jsp+servlet的练习),基于jsp+servlet的图书管理系统

    jsp+Servlet图书管理系统第一版的第一次更新:免费源码下载,停更,自行下载即可,谢谢:http://download.csdn.net/detail/b...

    别先生
  • Go 视图模板篇(四):上下文感知与 XSS 攻击

    Go 模板引擎一个有趣的地方是显示内容可以根据上下文变化,该功能的一个常见用处就是在适当的地方对内容进行相应的转义。

    学院君
  • django模板语法之include

    假如我们有以下模板index.html,代码为: <!DOCTYPE html> <html lang="en"> <head> <meta chars...

    用户1214487
  • Spring Security 入门(五):在 Spring-Boot中的应用

    ? 前言 本文作为入门级的DEMO,完全按照官网实例演示; 项目目录结构 ? Maven 依赖 <parent> <groupId>org.sprin...

    程序猿DD
  • Python接口自动化-Pytest-Html

    小编在搭建组内接口自动化框架过程中使用过两个HTML报告框架,Pytest-HTML和Allure,本文主要介绍下Pytest-HTML。

    用户5521279

扫码关注云+社区

领取腾讯云代金券