pdf预览兼容ie，chrome，Firefox，2345,360亲测

最新推荐文章于 2022-12-09 15:13:02 发布

larennani

最新推荐文章于 2022-12-09 15:13:02 发布

阅读量7.8k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/larennani/article/details/72844593

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

pdf预览兼容ie，chrome，Firefox，2345,360，QQ浏览器，如果你的ie或是2345,360，QQ浏览器的兼容性视图打不开，那就看你的ie是不是坏的，我自己电脑就是坏的，所有的pdf文件它都打不开，气人！所以解决一些问题要具体问题具体分析！

解决一个问题心情轻松不少，少废话贴代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
        body{ text-align:center;padding:0px;margin:0px;}
        .div{ margin:0 auto; width:800px; height:100%; }
    </style>
    <title>嵌入PDF浏览</title>
    <script type="text/javascript" src="js/pdfobject.min.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.media.js"></script>
    <script>
        window.onload = function (){
            // chrome
            var success = new PDFObject({ url: "http://www.benlai.trade/share1.pdf" }).embed();
            if(!success){
                var opts = {
                    width:800,
                    height:$(document).height(),
                    autoplay:true
                };
                $('a.media').media(opts);
            }
        };

    </script>
</head>
<body>
<div class="div">
    <a style="" class="media" href="http://www.benlai.trade/share1.pdf">点此预览pdf</a>
</div>
</body>
</html>

larennani

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pdf预览兼容ie，chrome，Firefox，2345,360亲测

pdf预览兼容ie，chrome，Firefox，2345,360，QQ浏览器，如果你的ie或是2345,360，QQ浏览器的兼容性视图打不开，那就看你的ie是不是坏的，我自己电脑就是坏的，所有的pdf文件它都打不开，气人！所以解决一些问题要具体问题具体分析！解决一个问题心情轻松不少，少废话贴代码html>html>head> meta charset="utf-8">
复制链接

扫一扫