实现PDF文件网页直接查看功能

平时网站上传了PDF文件，一般情况都是需要下载查看，而且有时还因为找不到关联的PDF程序无法打开。其实可以用代码实现在线查看。以下代码加了IE判断，使用IE无法实现。

一般页面代码如下：

<html>

<head>

<script>

function checkie(){

if (window.ActiveXObject || "ActiveXObject" in window){

alert("本文件不支持IE显示，请使用谷歌chrome或者360等浏览器！")

}

}

</script>

</head>

<body>

<script>

checkie()

</script>

<iframe src=".upload/file.pdf" marginWidth="0" marginHeight="0" scrolling="no" frameBorder="0" style="width: calc(100% + 17px); height: calc(100% + 17px)"></iframe>

</body></html>

如果是文章内容编辑器，左上角选择HTML代码编辑，粘贴以下代码即可。

 

<script>

function checkie(){

if (window.ActiveXObject || "ActiveXObject" in window){

alert("本文件不支持IE显示，请使用谷歌chrome或者360等浏览器！")

}

}

</script>

<script>

checkie()

</script>

<iframe src=".upload/file.pdf" marginWidth="0" marginHeight="0" scrolling="no" frameBorder="0" style="width: calc(100% + 17px); height: calc(100% + 17px)"></iframe>

正文完