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