使用pdf.js在线预览远程服务器上的pdf文件

在网上找的例子大多都是在线预览本地pdf文件,但是如果地址直接指向服务器地址,则会出现跨域问题,无法正常获取预览文件........

我的解决思路就是将远程文件转换成文件流,然后将pdf.js的文件地址指向获取文件流的地址,下附代码......................

1.自行下载pdf.js

我下载的目录如下,用不到的我就直接删除了。

使用pdf.js在线预览远程服务器上的pdf文件


使用pdf.js在线预览远程服务器上的pdf文件

2.实现请求远程服务器文件流代码,我这里使用的是servlet

使用pdf.js在线预览远程服务器上的pdf文件使用pdf.js在线预览远程服务器上的pdf文件

3.修改viewer.js里面设置预览文件的请求地址,这里直接设置文件流的请求地址

使用pdf.js在线预览远程服务器上的pdf文件

使用pdf.js在线预览远程服务器上的pdf文件

大功告成,我这里是用于移动端的网页,IOS可以直接浏览pdf文件,而安卓则不支持,而使用pdf.js就可以在线预览,无需用户再下载插件。。。。。。。