怎样用H5预览PDF格式的文档

这次给大家带来怎样用h5预览pdf格式文档,h5预览pdf格式文档的注意事项有哪些,下面就是实战案例,一起来看一下。

简介

PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

开源地址:https://github.com/mozilla/pdf.js

下载后不能直接使用,需要重新构建,不熟悉将会非常麻烦

构建好的程序包:build_jb51.rar

示例

引用文件,直接复制下文可以直接使用

        课程详情                                var var_filepath = decodeURIComponent("@filepath");//不能跨域        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" });        }         
$('.tmPlayer').html('');

相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

HTML的table鼠标拖拽排序该如何实现

HTML 5之新增的特性该如何使用

Html怎样实现动态显示颜色块的报表效果

以上就是怎样用H5预览PDF格式的文档的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545561.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:04:36
下一篇 2025年12月21日 17:04:48

相关推荐

发表回复

登录后才能评论
关注微信