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

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

熱門標(biāo)簽:高德地圖標(biāo)注商戶怎么標(biāo) 黃石ai電銷機器人呼叫中心 欣鼎電銷機器人 效果 智能電銷機器人被禁用了么 惡搞電話機器人 ok電銷機器人 如何查看地圖標(biāo)注 地圖標(biāo)注軟件打印出來 電話機器人技術(shù)

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)簽:金昌 綏化 盤錦 萍鄉(xiāng) 聊城 赤峰 中山 阿壩

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