pdf文件 springboot pdfjs展示

PDF 文件在 Spring Boot 中通常用于存储静态内容，例如用户手册、报告等，而 PDF.js 是一款基于 JavaScript 的库，用于在浏览器中显示和交互 PDF 文档。要在 Spring Boot 应用中展示 PDF 文件，并利用 PDF.js 实现预览，可以按照以下步骤操作：

1. 首先，在 Spring Boot 项目中添加 PDF.js 相关依赖。如果你的前端是 Angular 或 Vue 等现代框架，可能会有专门的集成包；如果没有，直接引入库的 CDN 地址。

<!-- 如果使用CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfjs-dist/2.14.253/pdf.js"></script>

2. 将 PDF 文件作为资源托管到 Spring Boot 项目的 `public` 文件夹或其他静态资源目录下。这样，URL 路径将可以直接访问到 PDF 文件。

3. 在 Spring 控制器中创建一个 REST API，返回 PDF 的 URL。例如：

@GetMapping("/pdf/{id}")
public ResponseEntity<Resource> downloadPdf(@PathVariable String id) {
    Resource resource = new ClassPathResource("path/to/your/file.pdf");
    return ResponseEntity.ok().contentType(MediaType.APPLICATION_OCTET_STREAM).contentLength(resource.contentLength())
            .build().attach("file", resource);
}

4. 当用户请求 `/pdf/{id}` 这样的链接时，Spring Boot 会返回 PDF 内容，浏览器会自动启动 PDF.js 来渲染它。

5. 在前端模板中，你可以通过 `<a>` 标签或者其他方式提供下载链接，并监听点击事件，使用 JavaScript 发起 GET 请求到 API，然后加载 PDF.js 展示：

// 使用Ajax或者其他库
fetch(`/pdf/${pdfId}`)
    .then(response => response.blob())
    .then(blob => {
        const urlCreator = window.URL.createObjectURL(blob);
        const iframe = document.createElement('iframe');
        iframe.src = urlCreator;
        iframe.onload = () => iframe.remove();
        document.body.appendChild(iframe);
        // 或者使用 PDF.js 的加载器，如：
        // PDFJS.getDocument(urlCreator)
        //   .promise.then(pdf => {
        //     pdf.getPage(1)
        //       .then(page => {
        //         // 使用PDF.js展示PDF
        //       });
        //   });
    });