在HTML5在线预览PDF格式的代码


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>课程详情</title>

    <style type="text/css">

    </style>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script src="~/Scripts/plugins/pdfjs/pdf.js"></script>

    <script 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">

    <p id="tmPlayer" class="tmPlayer" style="height: 557px; width: 100%; height: 100%"></p>

 

    <script type="text/javascript">

        $('.tmPlayer').html('<iframe frameBorder="0" scrolling="no" src="/Scripts/plugins/pdfjs/generic/web/viewer.html?file=' +

            var_filepath +

            '" style="width:100%; height:100%;"></iframe>');

    </script>

 

</body>

</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

HTML5如何实现视频直播功能

HTML5 实现访问本地文件的方法

以上就是在HTML5在线预览PDF格式的代码的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

关于HTML5 canvas的事件处理

分享HTML5中10个经典的动画工具

HTML5 viewport总结讲述

h5有哪些清空画布方法

HTML5实现表单的复选框验证

关于HTML5 canvas旋转动画的2个例子

使用HTML5捕捉音频与视频信息概述及实例

HTML5/css3专题 css3打造百度贴吧的3d翻牌效果的经典案例

HTML5 canvas实现文本对齐的代码总结

h5本地存储实例详解

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...