利用jQuery实现在线预览pdf文件

要实现PDF文件的在线预览功能,需要引入一个jquery.media.js文件,实现代码如下所示:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <title>加载PDF</title>
    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script src="Scripts/jquery.media.js"></script>
</head>
<body>
    <div id="aaa" style="width:100%;height:100%;">
        <a class="media" href="pdf/文件.pdf"></a>
    </div>

    <script>
        $(document).ready(function () {
            $('a.media').media({
                width: 800,
                height: 800
            });
        })
    </script>
</body>
</html>

效果如下图所示:
在这里插入图片描述

发布了99 篇原创文章 · 获赞 16 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/HerryDong/article/details/103146518