怎么在前端html页面展示pdf但不下载 前端html页面通过接收后台传过来的pdf流进行展示但不下载

要在前端 HTML 页面中展示 PDF 流而不下载，可以使用 JavaScript 和 PDF 这个开源库来现。下面是一个简单的示例:

1. 在 HTML 页面中引入 PDF.js 的脚本文件：

<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>

2. 创建一个 `<canvas>` 元素用于显示 PDF 页面：

<canvas id="pdfCanvas"></canvas>

3. 使用 JavaScript 代码加载 PDF 流并将其显示在 `<canvas>` 上：

// 获取 PDF 流，这里假设通过后台接口获取到了 pdfStream
var pdfData = new Uint8Array(pdfStream);

// 加载 PDF.js
var loadingTask = pdfjsLib.getDocument(pdfData);

loadingTask.promise.then(function(pdf) {
  // 获取第一页
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport({scale: scale});

    // 获取 canvas 元素
    var canvas = document.getElementById('pdfCanvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    // 将 PDF 页面渲染到 canvas 上
    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    page.render(renderContext);
  });
});

在这个示例中，我们使用 PDF.js 加载 PDF 流，并将第一页渲染到一个 `<canvas>` 元素上。您需要将获取到的 PDF 流传递给 `pdfjsLib.getDocument()` 方法来加载 PDF，然后使用相关 API 来操作和渲染 PDF 页面。

请注意，您需要将上述代码适配到您的实际项目中，包括获取 PDF 流的方式和将其传递给 JavaScript 的方式。