PDF预览插件pdf.js的使用

　　　　最近需要在移动端展示的html页面中预览远程服务器中的pdf文件，但由于android手机的浏览器不支持pdf格式的文件，遂经过一番搜索，找到了一个名为pdf.js的插件。

　　它可以支持pdf在html页面的展示，且自带对预览pdf文件操作工具，经过实际检测，在Apple手机和android手机都可以正常预览。

　　pdf.js下载地址:http://mozilla.github.io/pdf.js/

　　其目录结构：

      

　　　　其中展示的文件

      

 

 

 

　　　　展示文件为viewer.html

　　　　配置文件为viewer.js

       

 

 

　　　　defaultUrl中value放的是默认解析pdf文件的地址

　　直接将整个文件夹放入到项目中，调用时可以用：PDF/web/viewer.html?file=服务地址/文件路径/kktz_9.pdf

　　调用过程共出现的问题：

　　访问远程服务器报file origin does not match viewer's

　　　解决方法：

 

        

 

 

　　　由于pdf.js不支持跨域请求，所以会报错：file origin does not match viewer’s，试了很多种方法仍然报错，所以简单粗暴的方法就是把viewer.js的判断远程地址的代码注释掉即可。

　　  参考文章地址：

        https://www.jb51.net/article/141607.htm

　　  https://blog.csdn.net/fuzhongbin/article/details/83576756