springboot在线展示pdf_springboot查看pdf,springbootvue在线预览pdf资源-CSDN文库

共368个文件

bcmap：168个

properties：105个

png：74个

pdf.js

在线展示pdf

1星需积分: 46 92 浏览量 2019-10-31 14:42:07 上传评论收藏 2.31MB RAR 举报

在本文中，我们将深入探讨如何使用SpringBoot框架与PDF.js库来实现在线展示PDF文档的功能。让我们了解SpringBoot的基础知识，它是一个由Pivotal团队开发的Java框架，旨在简化新Spring应用的初始搭建以及开发过程。通过内嵌Tomcat服务器，SpringBoot可以快速启动并运行Web应用。接下来，我们关注PDF.js，这是一个开源的JavaScript库，由Mozilla维护，主要用于在Web浏览器中以高质量的方式展示PDF文档，无需依赖任何插件。它支持所有现代浏览器，包括Chrome、Firefox、Safari、Edge和Internet Explorer。要将SpringBoot与PDF.js结合，我们需要完成以下步骤： 1. **创建SpringBoot项目**：我们需要创建一个新的SpringBoot项目，可以通过Spring Initializr（https://start.spring.io/）生成基础的Maven或Gradle项目结构。 2. **添加依赖**：在项目的`pom.xml`或`build.gradle`文件中，添加对SpringBoot的Web starter和Thymeleaf模板引擎的依赖。此外，为了展示PDF，我们需要在前端引入PDF.js库。可以通过在`public`目录下下载`pdfjs-dist`库，并将其解压到`resources/static`目录，确保包含`viewer.html`文件。 3. **配置静态资源**：SpringBoot默认会自动处理`/static`目录下的静态资源，确保浏览器可以直接访问`viewer.html`。 4. **编写Controller**：创建一个SpringBoot的Controller，用于处理PDF文件的请求。这个Controller应该能够读取PDF文件，然后将其作为HTTP响应的流返回。例如： ```java @GetMapping("/pdf/{filename}") public ResponseEntity<InputStreamResource> servePdf(@PathVariable String filename) { Resource resource = new ClassPathResource("pdf/" + filename); try { return ResponseEntity.ok() .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=" + filename) .body(new InputStreamResource(resource.getInputStream())); } catch (IOException e) { throw new RuntimeException("Error serving PDF", e); } } ``` 这里，我们假设PDF文件存储在类路径的`pdf`目录下。 5. **修改viewer.html**：打开`viewer.html`，我们需要将PDF.js指向我们的后端服务器来获取PDF文件。找到`file:`参数，将其替换为我们的SpringBoot应用的URL，如`http://localhost:8080/pdf/{filename}`，其中`{filename}`是PDF文件名。 6. **测试**：现在，当用户访问`/viewer.html`页面时，PDF.js会从我们的SpringBoot应用中请求PDF文件，并在浏览器中显示。确保浏览器的网络面板显示成功请求了PDF文件。 7. **安全考虑**：在生产环境中，记得对PDF文件访问进行权限控制，防止未经授权的用户访问敏感文件。总结，通过结合SpringBoot的强大后端功能和PDF.js的前端渲染能力，我们可以轻松地实现在线查看PDF的功能。这一技术广泛应用于各种在线文档预览场景，提高了用户体验，同时也避免了用户需要下载和安装额外软件的麻烦。

资源推荐

资源详情

资源评论

收起资源包目录

springboot在线展示pdf （368个子文件）

UniCNS-UTF8-H.bcmap 52KB

UniCNS-UTF32-H.bcmap 51KB

UniCNS-UTF16-H.bcmap 49KB

UniCNS-UCS2-H.bcmap 47KB

UniGB-UTF8-H.bcmap 46KB

UniGB-UTF32-H.bcmap 45KB

UniGB-UTF16-H.bcmap 43KB

UniGB-UCS2-H.bcmap 42KB

UniJIS2004-UTF8-H.bcmap 41KB

UniJIS-UTF8-H.bcmap 41KB

Adobe-CNS1-UCS2.bcmap 40KB

Adobe-Japan1-UCS2.bcmap 40KB

UniJIS2004-UTF32-H.bcmap 40KB

UniJISX02132004-UTF32-H.bcmap 40KB

UniJIS-UTF32-H.bcmap 40KB

UniJISX0213-UTF32-H.bcmap 40KB

UniJIS2004-UTF16-H.bcmap 39KB

UniJIS-UTF16-H.bcmap 39KB

Adobe-GB1-UCS2.bcmap 33KB

UniKS-UTF8-H.bcmap 27KB

UniKS-UTF32-H.bcmap 26KB

UniKS-UTF16-H.bcmap 26KB

UniKS-UCS2-H.bcmap 25KB

UniJIS-UCS2-H.bcmap 25KB

Adobe-Korea1-UCS2.bcmap 23KB

GBK2K-H.bcmap 19KB

KSC-Johab-H.bcmap 16KB

GBK-EUC-H.bcmap 14KB

GBKp-EUC-H.bcmap 14KB

GBTpc-EUC-H.bcmap 7KB

GBT-EUC-H.bcmap 7KB

GBT-H.bcmap 7KB

HKscs-B5-H.bcmap 4KB

ETHK-B5-H.bcmap 4KB

KSCms-UHC-HW-H.bcmap 3KB

KSCms-UHC-H.bcmap 3KB

NWP-H.bcmap 3KB

HKdla-B5-H.bcmap 3KB

78ms-RKSJ-H.bcmap 3KB

Ext-RKSJ-H.bcmap 2KB

Ext-H.bcmap 2KB

Add-H.bcmap 2KB

HKdlb-B5-H.bcmap 2KB

Add-RKSJ-H.bcmap 2KB

78-EUC-H.bcmap 2KB

78-RKSJ-H.bcmap 2KB

78-H.bcmap 2KB

HKgccs-B5-H.bcmap 2KB

HKm471-B5-H.bcmap 2KB

KSCpc-EUC-H.bcmap 2KB

CNS-EUC-V.bcmap 2KB

KSC-EUC-H.bcmap 2KB

KSC-H.bcmap 2KB

CNS-EUC-H.bcmap 2KB

HKm314-B5-H.bcmap 2KB

ETen-B5-H.bcmap 1KB

B5pc-H.bcmap 1KB

B5-H.bcmap 1KB

90pv-RKSJ-H.bcmap 982B

83pv-RKSJ-H.bcmap 905B

UniJISPro-UTF8-V.bcmap 726B

90ms-RKSJ-H.bcmap 721B

90msp-RKSJ-H.bcmap 715B

CNS1-H.bcmap 706B

UniJISPro-UCS2-HW-V.bcmap 705B

UniJISPro-UCS2-V.bcmap 689B

UniJISX02132004-UTF32-V.bcmap 688B

UniJISX0213-UTF32-V.bcmap 684B

UniJIS2004-UTF8-V.bcmap 682B

UniJIS2004-UTF32-V.bcmap 681B

UniJIS-UCS2-HW-V.bcmap 680B

UniJIS-UTF8-V.bcmap 678B

UniJIS-UTF32-V.bcmap 677B

UniJIS-UCS2-V.bcmap 664B

UniJIS2004-UTF16-V.bcmap 647B

UniJIS-UTF16-V.bcmap 643B

Adobe-GB1-5.bcmap 625B

Adobe-GB1-4.bcmap 601B

EUC-H.bcmap 578B

GBpc-EUC-H.bcmap 557B

H.bcmap 553B

GB-EUC-H.bcmap 549B

RKSJ-H.bcmap 534B

GB-H.bcmap 528B

CNS2-H.bcmap 504B

Adobe-Japan1-6.bcmap 485B

Adobe-GB1-3.bcmap 470B

Adobe-GB1-2.bcmap 465B

Adobe-Japan1-5.bcmap 430B

Adobe-CNS1-5.bcmap 406B

Adobe-CNS1-6.bcmap 406B

Adobe-CNS1-4.bcmap 405B

Adobe-CNS1-3.bcmap 401B

Adobe-Korea1-2.bcmap 391B

Adobe-Korea1-1.bcmap 386B

Adobe-CNS1-2.bcmap 376B

Adobe-CNS1-1.bcmap 371B

Adobe-Japan1-4.bcmap 337B

Adobe-CNS1-0.bcmap 317B

90msp-RKSJ-V.bcmap 291B

共 368 条

<!DOCTYPE html> <html dir="ltr" mozdisallowselectionprint moznomarginboxes> <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>PDF.js viewer</title> <link rel="stylesheet" href="/pdf/viewer.css">  <link rel="resource" type="application/l10n" href="/pdf/locale/locale.properties"> </head> <script language=javascript></script> <script src="/pdf/build/pdf.js"></script> <script src="/pdf/viewer.js"></script> <script src="/pdf/jquery-1.9.1.js"></script> <script src="/pdf/build/pdf.worker.js"></script> <body tabindex="1" class="loadingInProgress">  <div id="outerContainer" class="sidebarOpen"> <div id="toolbarSidebar"> <div class="splitToolbarButton toggled"> <button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" tabindex="2" data-l10n-id="thumbs" style="display: none"> <span data-l10n-id="thumbs_label">Thumbnails</span> </button> <button id="viewOutline" class="toolbarButton" title="Show Document Outline (double-click to expand/collapse all items)" tabindex="3" data-l10n-id="document_outline" style="display: none"> <span data-l10n-id="document_outline_label">Document Outline</span> </button> <button id="viewAttachments" class="toolbarButton" title="Show Attachments" tabindex="4" data-l10n-id="attachments" style="display: none"> <span data-l10n-id="attachments_label">Attachments</span> </button> </div> </div> <div id="sidebarContent">  <div id="thumbnailView" style="display: none"> </div>  <div id="outlineView"> <div id="sidebarContainer"> <div style="height:92%;width:78%;float: right;border-bottom:1px solid #FFF;position:fixed;left: 300px;right: 300px;overflow-y:scroll;"> </div> </div> <div id="attachmentsView" class="hidden"> </div> </div> </div>  <div id="mainContainer"> <div class="findbar hidden doorHanger" id="findbar"> <div id="findbarInputContainer"> <input id="findInput" class="toolbarField" title="Find" placeholder="Find in document…" tabindex="91" data-l10n-id="find_input"> <div class="splitToolbarButton"> <button id="findPrevious" class="toolbarButton findPrevious" title="Find the previous occurrence of the phrase" tabindex="92" data-l10n-id="find_previous"> <span data-l10n-id="find_previous_label">Previous</span> </button> <div class="splitToolbarButtonSeparator"></div> <button id="findNext" class="toolbarButton findNext" title="Find the next occurrence of the phrase" tabindex="93" data-l10n-id="find_next"> <span data-l10n-id="find_next_label">Next</span> </button> </div> </div> <div id="findbarOptionsContainer"> <input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94"> <label for="findHighlightAll" class="toolbarLabel" data-l10n-id="find_highlight">Highlight all</label> <input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95"> <label for="findMatchCase" class="toolbarLabel" data-l10n-id="find_match_case_label">Match case</label> <span id="findResultsCount" class="toolbarLabel hidden"></span> </div> <div id="findbarMessageContainer"> <span id="findMsg" class="toolbarLabel"></span> </div> </div>  <div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight"> <div id="secondaryToolbarButtonContainer"> <button id="secondaryPresentationMode" class="secondaryToolbarButton presentationMode visibleLargeView" title="Switch to Presentation Mode" tabindex="51" data-l10n-id="presentation_mode"> <span data-l10n-id="presentation_mode_label">Presentation Mode</span> </button> <button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView" title="Open File" tabindex="52" data-l10n-id="open_file"> <span data-l10n-id="open_file_label">Open</span> </button> <button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="Print" tabindex="53" data-l10n-id="print"> <span data-l10n-id="print_label">Print</span> </button> <button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download" tabindex="54" data-l10n-id="download"> <span data-l10n-id="download_label">Download</span> </button> <a href="#" id="secondaryViewBookmark" class="secondaryToolbarButton bookmark visibleSmallView" title="Current view (copy or open in new window)" tabindex="55" data-l10n-id="bookmark"> <span data-l10n-id="bookmark_label">Current View</span> </a> <div class="horizontalToolbarSeparator visibleLargeView"></div> <button id="firstPage" class="secondaryToolbarButton firstPage" title="Go to First Page" tabindex="56" data-l10n-id="first_page"> <span data-l10n-id="first_page_label">Go to First Page</span> </button> <button id="lastPage" class="secondaryToolbarButton lastPage" title="Go to Last Page" tabindex="57" data-l10n-id="last_page"> <span data-l10n-id="last_page_label">Go to Last Page</span> </button> <div class="horizontalToolbarSeparator"></div> <button id="pageRotateCw" class="secondaryToolbarButton rotateCw" title="Rotate Clockwise" tabindex="58" data-l10n-id="page_rotate_cw"> <span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span> </button> <button id="pageRotateCcw" class="secondaryToolbarButton rotateCcw" title="Rotate Counterclockwise" tabindex="59" data-l10n-id="page_rotate_ccw"> <span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span> </button> <div class="horizontalToolbarSeparator"></div> <button id="cursorSelectTool" class="secondaryToolbarButton selectTool toggled" title="Enable Text Selection Tool" tabindex="60" data-l10n-id="cursor_text_select_tool"> <span data-l10n-id="cursor_text_select_tool_label">Text Selection Tool</span> </button> <button id="cursorHandTool" class="secondaryToolbarButton handTool" title="Enable Hand Tool" tabindex="61" data-l10n-id="cursor_hand_tool"> <span data-l10n-id="cursor_hand_tool_label">Hand Tool</span> </button> <div class="horizontalToolbarSeparator"></div> <button id="documentProperties" class="secondaryToolbarButton documentProperties" title="Document Properties…" tabindex="62" data-l10n-id="document_properties"> <span data-l10n-id="document_properties_label">Document Properties…</span> </button> </div> </div>  <div class="toolbar"> <div id="toolbarContainer"> <div id="toolbarViewer"> <div id="toolbarViewerLeft"> <button id="sidebarToggle" class="toolbarButton toggled" title="Toggle Sidebar" tabindex="11" data-l10n-id="toggle_sidebar" style="display: none"> <span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span> </button> <div class="toolbarButtonSpacer"></div> <button id="viewFind" class="toolbarButton"

评论收藏

内容反馈