admin管理员组

文章数量:1621121

这几天项目开发的过程中,需要用到在线生成电子合同,后来在网上找了一个资源:pdf.js,下载源码
后来将pdf.js下载下来了,就捣鼓着怎么用,大体是以下步骤:

第一步:
下载源码
第二步:
新建一个文件夹viewPdf,将源码拷贝进项目中,因为我们的页面用的是jsp的,我在这里把view.html页面换为view.html的了,

第三步:
修改viewer.js

var DEFAULT_URL = '2.pdf';//这个是pdf的路径,将里面的注释掉

然后在view.jsp页面里面:修改代码如下

 var PDFData = "";  
      $.ajax({  
        type:"get",  
        async:false,
        mimeType: 'text/plain; charset=x-user-defined',   
        url:"test.pdf",//此处是要在线展示的pdf文档(注意文件路径啥的,我是放在同一个目录下面的)
        success:function(data){  
           PDFData = data;  
           console.log(data,111);
        }  
      });  
      var rawLength = PDFData.length;  
      //转换成pdf.js能直接解析的Uint8Array类型,见pdf.js-4068  
      var array = new Uint8Array(new ArrayBuffer(rawLength));    
      for(i = 0; i < rawLength; i++) {  
        array[i] = PDFData.charCodeAt(i) & 0xff;  
      }  
      DEFAULT_URL = array;//这个就是新的生成的pdf文档

上述代码一定要放在

<script src="viewer.js"></script>

这个部分之前,这些配置好了,运行代码就可以生成了

本文标签: 阅读器PDFjsJavaScript