使用PDF.JS插件在HTML中预览PDF文件的方法

P DF .js是一款基于HT ML 5建立的PDF 阅读器，兼容大部分主流的浏览器，使用起来，也相对简单。步骤如下：

1.下载PDF.js插件

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

2.文件部署

建新文件夹，将PDF.js插件文件放入新建的文件夹。

3.新建index.html

在HTML文件代码如下：

<!DOCTY PE  html>
<html>
  <head>
    < ;m eta charset="utf-8">
    <meta n am e="viewport" content="width=device-width, in IT ial -s cale=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的浏览就可以了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

总结

以上是为你收集整理的使用PDF.JS插件在HTML中预览PDF文件的方法全部内容，希望文章能够帮你解决使用PDF.JS插件在HTML中预览PDF文件的方法所遇到的问题。

如果觉得网站内容还不错，推荐好友。

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did205729

更新时间：2023-05-03 阅读：43次