html用pdf阅读器打开,使用PDF.JS插件在HTML中预览PDF文件的方法

要在HTML中预览PDF文件，可以使用PDF.JS插件。以下是具体步骤：

1. 下载PDF.JS插件。可以从GitHub上下载，也可以使用CDN链接。

2. 将PDF.JS插件的相关文件（包括pdf.js和pdf.worker.js）放置在网站的文件夹中。

3. 在HTML文件中引入插件文件。可以通过以下代码实现：

<script src="path/to/pdf.js"></script>
<script src="path/to/pdf.worker.js"></script>

4. 创建一个用于显示PDF文件的`<div>`元素。例如：

<div id="pdfViewer"></div>

5. 使用JavaScript代码加载PDF文件并显示。可以使用以下代码实现：

PDFJS.getDocument('path/to/pdf-file.pdf').then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    page.render(renderContext);

    document.getElementById('pdfViewer').appendChild(canvas);
  });
});

以上代码将在`<div>`元素中显示PDF文件的第一页。可以根据需要进行调整，例如更改缩放比例、显示特定页等。

希望能对你有所帮助！