pdf.js实现在线预览PDF

前言

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

下载

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

使用

这个是我的目录结构

参数处理

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

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

跨域处理

如果出现跨域问题，除了自身问题还有可能是web/viewer.js 文件里的问题。把下图中的注释即可。

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