浏览器中在线预览pdf文件（不使用插件）
生活随笔
收集整理的這篇文章主要介紹了
浏览器中在线预览pdf文件（不使用插件）
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
有些版本的IE瀏覽器不支持pdf文件在線預(yù)覽，
這種情況我們做下判斷，提示用戶安裝下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 Readerfor (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);//調(diào)用顯示的方法}else {//不支持$("#pdfContent").append("對(duì)不起,您還沒有安裝PDF閱讀器軟件呢,為了方便預(yù)覽PDF文檔,請(qǐng)選擇安裝！");alert("對(duì)不起,您還沒有安裝PDF閱讀器軟件呢,為了方便預(yù)覽PDF文檔,請(qǐng)選擇安裝！");location = "http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe";}}else {pdfShow(purl);//調(diào)用顯示的方法}});//顯示文件方法，就是將文件展示到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不支持的版本提示截圖
關(guān)閉彈窗后，開始彈出下載，
下載成功后重啟瀏覽器就可以瀏覽pdf文件了
下面我用了幾個(gè)瀏覽器打開后的效果圖貼出來
IE效果圖如下：
火狐效果圖如下：
谷歌效果圖如下：
360效果圖如下：
總結(jié)
以上是生活随笔為你收集整理的浏览器中在线预览pdf文件（不使用插件）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 安装Adobe Reader出错回滚
- 下一篇： 前端学习（2848）：鼠标点击事件