浏览器中在线预览pdf文件（不使用插件）

原创已于 2025-03-05 13:47:55 修改 · 7.9w 阅读

46 ·

CC 4.0 BY-SA版权

文章标签：

#pdf #pdf在线预览

于 2017-06-27 12:04:19 首次发布

文件转换专栏收录该内容

4 篇文章

订阅专栏

本文提供了一种解决部分IE浏览器版本无法在线预览PDF文件的方法。通过判断浏览器类型及Adobe Reader插件安装情况，实现了PDF文件在网页中的兼容显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些版本的IE浏览器不支持pdf文件在线预览，
这种情况我们做下判断，提示用户安装下AdbeRdr插件就能支持了

注意：需要引入jquery,我先把我的文件截图如下：
这里写图片描述

代码如下：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>demo</title>

	<script src="jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		   
	  $(function () {
				
	    var purl='Scala(中文完整版).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) {//支持
			  pdfShow(purl);//调用显示的方法
					
			}else {//不支持
			  $("#pdfContent").append("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！");
			  alert("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！");
			  location = "http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe";
			}

		}else {
					pdfShow(purl);//调用显示的方法
		}
	});


	//显示文件方法，就是将文件展示到div中
	function pdfShow(url){
		$("#pdfContent").append('<iframe style="height:100%;width:100%;" src="'+url+'"></iframe>');
	}

</script>

</head>

 <body>

	<!--展示的div-->
	<div id="pdfContent" style="height:500px;width:500px;margin-left:300px;" >
	</div>
 </body>
 
</html>

这样就搞定了，接下来看看效果吧

下面是IE不支持的版本提示截图
这里写图片描述