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

217次阅读
没有评论

实现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>

正文完
 
正安一片瓦
版权声明:本站原创文章,由 正安一片瓦 2023-12-08发表,共计776字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码