美文网首页我爱编程
使用pdf.js在移动端手机预览PDF

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

作者: 袁小力i | 来源:发表于2018-03-26 20:57 被阅读0次

    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测试。

    相关文章

      网友评论

        本文标题:使用pdf.js在移动端手机预览PDF

        本文链接:https://www.haomeiwen.com/subject/nrsrcftx.html