使用PDF.JS在线查看PDF

最新推荐文章于 2023-10-15 21:37:46 发布

转载最新推荐文章于 2023-10-15 21:37:46 发布 · 3k 阅读

文章标签：

#使用PDF.JS在线查看PDF

本文介绍如何使用PDF.js显示PDF文档。步骤包括从GitHub下载源代码、集成到项目中及配置路径。提供了一个简单的示例，展示如何通过网页浏览器查看PDF文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

过程简单粗暴。

第一步：下载源码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
         >