怎么在HTML5页面中在线预览PDF
短信预约 -IT技能 免费直播动态提醒
这篇文章将为大家详细讲解有关怎么在HTML5页面中在线预览PDF，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
引用文件，直接复制下文可以直接使用
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>课程详情</title> <style type="text/css"> </style> <script class="lazy" data-src="~/Scripts/jquery-1.10.2.min.js"></script> <script class="lazy" data-src="~/Scripts/plugins/pdfjs/pdf.js"></script> <script class="lazy" data-src="~/Scripts/plugins/pdfjs/pdf.worker.js"></script> <script type="text/javascript"> 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" }); } </script></head><body style="margin: 0;overflow: hidden"> <div id="tmPlayer" class="tmPlayer" style="height: 557px; width: 100%; height: 100%"></div> <script type="text/javascript"> $('.tmPlayer').html('<iframe frameBorder="0" scrolling="no" class="lazy" data-src="/Scripts/plugins/pdfjs/generic/web/viewer.html?file=' + var_filepath + '" style="width:100%; height:100%;"></iframe>'); </script></body></html>关于怎么在HTML5页面中在线预览PDF就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
