运用PDF.JS插件在HTML中预览PDF文件

2023年2月12日 251次阅读 来源: mydetails

PDF.js是一款基于HTML5竖立的PDF阅读器，兼容大部分主流的阅读器，运用起来，也相对简朴。步骤以下：

1.下载PDF.js插件

下载地点：http://mozilla.github.io/pdf….

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协定。所以直接阅读index翻开报错。搭个效劳，或许用idea的阅读就能够了。

    原文作者：mydetails
    原文地址: https://segmentfault.com/a/1190000016183158
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞