使用pdf.js在移动端手机预览PDF

PDF文件在电脑浏览器上可以直接预览,但是换到手机上就预览不了了。尴尬~~~

遍寻百度千百遍》找到了pdf.js这个牛逼的插件。。。

官网地址及示例http://mozilla.github.io/pdf.js/

1.js引用路径


2.源码

##贴上源码

##js初始化

var var_filepath = "http://localhost:8080/jeefw/static/weixin/js/pdfjs/testpdf.pdf";//测试本地PDF,直接调用文件

        var var_win_height = $(window).height();

        /*初始化,不用改*/

        $(document).ready(function () {

            resetPlayerSize();

        });

        $(window).resize(function () {

            resetPlayerSize();

        });

        function resetPlayerSize() {

            var_win_height = $(window).height();

            $(".tmPlayer").css({ "height": var_win_height + "px" });

        }

##页面源码



当然你也可以用文件流的方式读取文件。(这里我还写,以后有时间学习了后再分享出来)

##全部代码

亲测Android可用

穷,无法用ios测试。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,112评论 1 10
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,369评论 0 7
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,060评论 0 2
  • 夕阳泻了一地落幕的不是家而是远方 你刚劲的步伐不停地去征程 你是我的全世界可你总去其它地方 你的下一站会是在哪里 ...
    木叶雨阅读 315评论 0 4
  • “你治好了我的恐婚症”这是对大花说的一句情话。也不只是情话吧,确实见到大花后有结婚的念头了,必经从小到大接受到的教...
    修坯刀阅读 208评论 0 0