学习笔记之pdf在线预览插件的使用(可以适应浏览器)

最新推荐文章于 2024-05-24 15:40:49 发布

lanjg521224

最新推荐文章于 2024-05-24 15:40:49 发布

阅读量5.1k

点赞数 5

分类专栏：前端札记

本文链接：https://blog.csdn.net/u011009362/article/details/50109831

版权

前端札记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

首先需要准备两个js文件，下载地址如下：

jquery-1.4.2.min.js : http://www.veryhuo.com/down/html/25973.html 点击打开链接

pdfobject.js : http://download.csdn.net/detail/macon_2014/7331743 点击打开链接

下载好插件之后，就可以在你的页面中添加了

 <html>
 <head>
 
 <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/pdfobject.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
			var purl='01.pdf';

            // 下面代码都是处理IE浏览器的情况 
            if (window.ActiveXObject || "ActiveXObject" in window) {
                //判断是否为IE浏览器，"ActiveXObject" in window判断是否为IE11
                //判断是否安装了adobe Reader
                for (x = 2; x < 10; x++) {
                    try {
                        oAcro = eval("new ActiveXObject('PDF.PdfCtrl." + x + "');");
                        if (oAcro) {
                            flag = true;
                        }
                    } catch (e) {
                        flag = false;
                    }
                }
                try {
                    oAcro4 = new ActiveXObject('PDF.PdfCtrl.1');
                    if (oAcro4) {
                        flag = true;

                    }
                } catch (e) {
                    flag = false;
                }
                try {
                    oAcro7 = new ActiveXObject('AcroPDF.PDF.1');
                    if (oAcro7) {
                        flag = true;
                    }
                } catch (e) {
                    flag = false;
                }
                if (flag) {
					var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");
					if (!success) {
                    var opts = {
                        width:$(document).width(),
                        height: $(document).height(),
                        autoplay: true
                    };
                }
				
                }
                else {
                    alert("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！");
                    location = "http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe";
                }
            }
            else {
                var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");
                if (!success) {
                    var opts = {
                        width:$(document).width(),
                        height: $(document).height(),
                        autoplay: true
                    };
                }
            }
        });
		

    </script>
</head>
<body>
    <form id="form1" runat="server">    
     <div id="pdf1" style="width:800px; height:500px;">对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！
     <a href="http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe">点击下载</a>
     </div>    
    </form>
</body>
</html>

效果如下：

Chrome浏览器：

IE浏览器：

lanjg521224

关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
学习笔记之pdf在线预览插件的使用(可以适应浏览器)

首先需要准备两个js文件，下载地址如下： jquery-1.4.2.min.js : http://www.veryhuo.com/down/html/25973.html 点击打开链接 pdfobject.js : http://download.csdn.net/detail/macon_2014/7331743 点击打开链接
复制链接

扫一扫