佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > 使用PDF.JS插件在HTML中預(yù)覽PDF文件的方法

使用PDF.JS插件在HTML中預(yù)覽PDF文件的方法

熱門標(biāo)簽:網(wǎng)站建設(shè) 美圖手機 百度競價點擊價格的計算公式 阿里云 使用U盤裝系統(tǒng) 智能手機 硅谷的囚徒呼叫中心 檢查注冊表項

PDF.js是一款基于HTML5建立的PDF閱讀器,兼容大部分主流的瀏覽器,使用起來,也相對簡單。步驟如下:

1.下載PDF.js插件

下載地址:http://mozilla.github.io/pdf.js/getting_started/#download

2.文件部署

建新文件夾,將PDF.js插件文件放入新建的文件夾。

3.新建index.html

在HTML文件代碼如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="google" content="notranslate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>《使用指南》-檸檬課件</title>
    <script>
      function openFile () {
        var url = "pdf.pdf";
        window.open("pdfjs/web/viewer.html?file=" + url);
      }
    </script>
  </head>
  <body>
    <input type="button" onclick="openFile()" value="打開">
  </body>
</html>

4.將pdf.pdf文件放到pdfjs/web/下

5.點擊瀏覽即可。

注意:因為pdf.js需要依賴http,https協(xié)議。所以直接瀏覽index打開報錯。搭個服務(wù),或者用idea的瀏覽就可以了。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

標(biāo)簽:賀州 湖北 湘潭 煙臺 通遼 懷化 山南 黃山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《使用PDF.JS插件在HTML中預(yù)覽PDF文件的方法》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    特克斯县| 南皮县| 德江县| 石林| 密山市| 枣强县| 河源市| 东海县| 绥德县| 霍山县| 丽水市| 高要市| 八宿县| 新河县| 大庆市| 禹州市| 三穗县| 高尔夫| 沁源县| 肃宁县| 苏尼特左旗| 绵阳市| 宁明县| 汝南县| 公安县| 宜宾县| 屯昌县| 巴彦县| 晋州市| 清镇市| 清流县| 南投县| 南康市| 桓仁| 阜新市| 紫金县| 海宁市| 监利县| 楚雄市| 北流市| 益阳市|