pdf.js实现在线预览PDF

pdf.js实现在线预览PDF

  • 前言
    • 下载
    • 使用
    • 参数处理
    • 跨域处理

前言

pdf.js 是一个很好的在线预览PDF的js框架。本人测试支持ie11、chrome、360.

下载

pdf.js 下载地址 解压之后直接放到前端项目中。

使用

这个是我的目录结构
pdf.js实现在线预览PDF_第1张图片



    
    Document
	
    


参数处理

我这边是采用nginx代理文件的形式
也可以采用接口形式(返回流的形式)
只是要注意接口如果要有参数的话要用encodeURIComponent处理一下。不然的话参数会消失

 $("#displayPdfIframe").attr("src",'pdf/web/viewer.html?file=' + encodeURIComponent('http://172.16.12.32:8889/TestPdf/pdf2/20190926104341.pdf'));

跨域处理

如果出现跨域问题,除了自身问题还有可能是web/viewer.js 文件里的问题。把下图中的注释即可。
pdf.js实现在线预览PDF_第2张图片

还有什么问题可以一起讨论一下

你可能感兴趣的:(java,web)