pdf.js 预览 远程服务器上的pdf文件

下载pdf.js  稳定版  http://mozilla.github.io/pdf.js/getting_started/#download

或者  我自己的百度云 https://pan.baidu.com/s/1GFY6kwi0cFztmS_N9UnqGw  提取码 w35l 

把下载的文件  放进 一个文件夹  扔进 tomcat下webapps, 启动 访问web 下的viewer.html

出现这个即为正常，我是单独起了一个tomcat 放这个项目，占用资源很少。

然后在自己的项目里js加入一行代码,file  为 远程文件地址，我的是请求后台拼接了一下名字 data.fileurlname

window.open('http://**.**.**.**:9091/pdf/web/viewer.html?file=http://file.******.com/dhx/'+data.fileurlname,'PDF','width:50%;height:50%;top:100;left:100;');

如果报跨域错误 需要解决两个地方

1、你跨域的 那个pdf存放服务器的 访问权限，我的是oss 文件服务器，直接在阿里云上配置了，不懂得童鞋百度一下阿里云配置跨域就可以了，其他服务器上的跨域自行百度，这个应该好说。

2、viewer.js  搜索 throw new Error('file origin does not match viewer\'s'); 注释掉这里  

重要！！！把所有的配置好后重启tomcat 清空浏览器缓存，不然可能会报  app.js    throw new Error('file origin does not match viewer\'s');

 

接下来访问http://**.**.**.**:9091/pdf/web/viewer.html?file=http://file.******.com/dhx/adad.pdf

就成功了，有问题可以在下方评论提问，谢谢大家。