springboot开发指南（七）——整合pdf.js预览打印下载pdf文件

最新推荐文章于 2024-05-28 10:25:04 发布
最新推荐文章于 2024-05-28 10:25:04 发布
阅读量1.9k 收藏 6
点赞数
分类专栏： springboot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaolulu916/article/details/104150378
版权

项目简介：需要在浏览器预览pdf文件，并能打印下载

目录

一.项目效果

二.使用的技术和项目依赖

三. 前端pdfview.html

四.后端PreviewController

需要源码，请加微信号，进技术交流群，发送springboot109，免费获取此文章源码

一.项目效果

单击文字后，出现如下

二.使用的技术和项目依赖

1.项目使用pdf.js插件

(1)pdf插件下载以及预览请点击。http://mozilla.github.io/pdf.js/

(2)将PDF插件目录放在工程里

2.项目依赖

themleaf ,web

三. 前端pdfview.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>预览PDF文件</title>
</head>
<script>
	function previewPDF() {
		window.open("asserts/js/web/viewer.html?file=/preview");
	}
</script>
<body>
<a onclick="previewPDF()">Click here to preview the PDF</a>
</body>

注意：open地址是工程中pdf插件文件viewer.html地址加上file=/。如果open("preview"),则无法有打印下载效果。

四.后端PreviewController

@Controller
public class PreviewController {
    @RequestMapping("/pdfview")
    public String index() {
        return "pdfview";
    }
    @RequestMapping(value = "/preview", method = RequestMethod.GET)
    public void pdfStreamHandler(HttpServletRequest request, HttpServletResponse response) {
        System.out.println("=================preview==============");
        //PDF文件地址
        File file = new File("/Users/whale/Documents/aaa.pdf");
        if (file.exists()) {
            byte[] data = null;
            FileInputStream input=null;
            try {
                input= new FileInputStream(file);
                data = new byte[input.available()];
                input.read(data);
                response.getOutputStream().write(data);
            } catch (Exception e) {
                System.out.println("pdf文件处理异常：" + e);
            }finally{
                try {
                    if(input!=null){
                        input.close();
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
}

 

鲸鱼姐
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot+PDF.js实现按需分片加载预览（包含可运行示例源码）
后端开发
02-24 2727
本文的解决方案旨在解决大体积PDF在线浏览加载缓慢、影响用户体验的难题。通过利用分片加载技术，前端请求时附带range及读取大小信息，后端据此返回相应的PDF文件流。这种方式有效地减轻了服务器和浏览器的负担，提升了加载速度和用户体验。同时解决了首次加载全部分片导致浏览器内存不足的问题。技术栈：Spring Boot、Vue和pdf.js。
SpringBoot采用pdf.js加载pdf文件
07-19
采用最新版本pdf.js 结合SpringBoot预览pdf文件。 pdf.js可以去官网下载最新，也可以使用工程内资源。 本工程自带pdf文件，详情请查阅工程目录。
Springboot+vue2 文件上传下载+pdf预览
最新发布
weixin_45939316的博客
05-28 371
配置拦截，如果在方法或者类上有@AuthAccess 就进行放行，如预览上不需要拦截。配置application.yml，方便后续对端口 ip进行修改。前端：element ui +vue 图片/pdf预览。前端：使用el-upload组件。后端：文件上传下载接口。使用postman测试。
PDFjs教程:在线预览/下载/水印/解析SpringBoot+Vue
04-09
 适用人群具有java一定基础的同学课程概述学完本课程，您将掌握：完成文件系统的独立搭建和Minio8的API操作分布式文件系统Minio8企业中使用的文件管理系统采用SpringBoot2+Vue进行前后端开发和文件系统的整合实操实战项目，非理论讲解课程目标：能搭建一套独立的企业文件系统而不耦合任何系统，便成为文件服务器课程简介：PDF .js文件一个通用的，基于Web标准的平台，用于解析和呈现 PDF。 MinIO是一个非常轻量的服务,可以很简单的和其他应用的结合，类似 NodeJS, Redis 或者 MySQL 
Pdfjs使用
qq_43070052的博客
11-21 3462
pdfjs预览、pdf水印
SpringBoot+vue导出PDF并下载
xuchzhi的博客
09-18 689
采用ITEXTPDF生成pdf下载
Vue+SpringBoot文件上传下载及PDF和图片在线展示
weixin_43288858的博客
03-15 4832
Vue前端部分 前端部分采用element组件 官网上传下载的地址地址 主要的element代码如下，下面我一一的讲解一下 <el-form-item> <el-upload drag :action="url" ref="upload" :before-upload="beforeUploadHandle" :on-success="successHandle"
pdf.js Demo 纯js实现PDF在线预览及打印
11-10
PDF.js是Mozilla开发的一个开源项目，它允许开发者使用纯JavaScript在Web浏览器中渲染PDF文档，无需依赖任何插件。这个Demo展示了如何利用PDF.js库实现PDF在线预览和打印功能，同时还提供了页面缩放和打开本地PDF...
PDF.js在线预览打印
06-20
在这个场景中，"PDF.js在线预览打印"是指利用PDF.js库实现的功能，让用户能够直接在网页上查看PDF内容，并可以方便地打印或下载这些文件。 PDF.js的工作原理是通过获取PDF文档的元数据，然后解析PDF文件的字节流，...
pdf.js使用文件流预览pdf
09-27
PDF.js支持文件流预览，意味着我们可以从服务器获取PDF的数据流，然后逐步解析和显示内容，而不需要等待整个文件下载完成。 要使用PDF.js实现文件流预览PDF，我们需要以下几个步骤： 1. **设置项目环境**：由于...
SpringBoot在线预览PDF文件
04-25
本项目的核心是实现PDF在线预览功能，它利用了SpringBoot的Web服务特性，结合PDF.js库来实现在浏览器中预览PDF文件。 首先，我们需要理解SpringBoot的Web开发基础。SpringBoot内置了对HTTP请求处理的支持，通过创建...
【java框架】SpringBoot(7) -- SpringBoot整合MyBatis（csdn）————程序..pdf
12-04
在Java开发中，SpringBoot是一个非常流行的框架，它简化了Spring应用的初始搭建以及开发过程。在实际项目中，MyBatis作为持久层框架，常常与SpringBoot结合使用，提供灵活的SQL操作。本篇将详细介绍如何在SpringBoot...
SpringBoot(七)SpringBoot整合Druid实现数据库密码加密.pdf
03-07
SpringBoot(七)SpringBoot整合Druid实现数据库密码加密 SpringBoot(七)SpringBoot整合Druid实现数据库密码加密 SpringBoot(七)SpringBoot整合Druid实现数据库密码加密
SpringBoot企业级开发教程教学大纲.pdf
06-23
《Spring Boot企业级开发教程》是一门针对计算机及相关专业学生的高级Java应用开发课程，旨在教授学生如何使用Spring Boot这一主流框架进行企业级项目开发。这门课程覆盖了Spring Boot的基础知识，集成第三方技术，...
《Android安全攻防实战——Keith Makan.南非 著》PDF版本下载.txt
07-17
《Android安全攻防实战——Keith Makan.南非 著》PDF版本下载
深入学习SpringBoot微服务框架（csdn）————程序.pdf
12-05
SpringBoot是一个由Pivotal团队开发的框架，其核心目标是简化Spring应用的初始化和开发流程。SpringBoot基于“约定优于配置”的原则，减少了大量样板代码和XML配置的需求，使得开发人员可以更加专注于业务逻辑。 1...
SpringBoot实现服务器PDF文件的下载和预览功能
程序员小王的博客
10-26 4501
通过HttpServletResponse输出流实现文件的下载和预览功能
SpringBoot+Vue+PdfJS实现大文件分片加载 后端实现
鸟人的博客
07-06 1319
在企业开发中，我们经常会用到大文件显示的问题，比如一个100M的PDF文件，我们想要把它加载到浏览器的页面或者APP上，那么如果我们用全加载的话，就有可能出现加载慢，甚至内存溢出报错，所以这时候我们就需要使用分片加载的技术了分片加载需要浏览器的支持，像谷歌和火狐都默认支持分片加载，当我们使用PdfJS的时候，我们可以通过PDFJS的配置去开启浏览器分片加载功能。
springboot项目实现导出pdf功能，这也太简单了吧
理想万岁万万岁的博客
04-04 5995
在我们日常开发中，经常会遇到导出pdf这种需求，比如导出合同、导出业务报告等。这中导出功能都有一个特点，导出的pdf中有大量相同的文本布局以及样式，只有涉及到用户本人的信息时出现不同的内容。我们把这些相同的部分称作模版，在模版中放置一些变量来代表用户信息，比如用户姓名、年龄等。这样我们在导出pdf的时候，在数据库中把用户信息查出来，对模版中对应的变量进行替换，再把替换的结果转成pdf文件就可以了。模版的类型有很多种：html模版、doc模版、excel模版、pdf模版等等。
springboot+vue前后端使用pdf.js实现：在线预览保存在sftp 服务器上的 pdf文件，给出具体代码
05-24
这个问题涉及到前后端的代码实现，需要分别给出前端和后端的代码示例。 前端实现： 1. 安装 pdf.js 库：可以使用 npm 安装，命令为 `npm install pdfjs-dist --save` 2. 在 Vue 组件中引入 pdf.js 库： ``` import pdfjsLib from 'pdfjs-dist' ``` 3. 在组件中定义预览 PDF 的方法，代码如下： ``` previewPdf() { // 从服务器获取 PDF 文件的 URL const url = 'http://localhost:8080/api/pdf/preview?fileId=1234567890' // 创建一个 canvas 用于绘制 PDF const canvas = this.$refs.previewCanvas // 获取 PDF 渲染上下文 const context = canvas.getContext('2d') // 加载 PDF 文件 pdfjsLib.getDocument(url).promise.then(pdf => { // 获取 PDF 第一页 pdf.getPage(1).then(page => { // 设置 canvas 尺寸与页面大小相同 const viewport = page.getViewport({scale: 1}) canvas.width = viewport.width canvas.height = viewport.height // 渲染 PDF 到 canvas 上 page.render({ canvasContext: context, viewport: viewport }) }) }) } ``` 4. 在模板中添加 canvas 和按钮，代码如下： ``` <template> <div> <canvas ref="previewCanvas"></canvas> <button @click="previewPdf">预览 PDF</button> </div> </template> ``` 后端实现： 1. 使用 Spring Boot 框架实现一个 RESTful API，用于获取 PDF 文件的 URL。代码示例如下： ``` @RestController @RequestMapping("/api/pdf") public class PdfController { @Autowired private SftpService sftpService; @GetMapping("/preview") public ResponseEntity<Resource> previewPdf(@RequestParam("fileId") String fileId) { // 从 SFTP 服务器上下载文件到本地临时目录 File tempFile = sftpService.download(fileId); // 将文件转换为 Spring Resource 对象 Path path = tempFile.toPath(); ByteArrayResource resource = null; try { resource = new ByteArrayResource(Files.readAllBytes(path)); } catch (IOException e) { e.printStackTrace(); } // 返回文件内容和响应头 HttpHeaders headers = new HttpHeaders(); headers.add(HttpHeaders.CONTENT_DISPOSITION, "inline; filename=" + tempFile.getName()); headers.add(HttpHeaders.CONTENT_TYPE, "application/pdf"); headers.add(HttpHeaders.CONTENT_LENGTH, String.valueOf(tempFile.length())); return ResponseEntity.ok() .headers(headers) .body(resource); } } ``` 2. 在 Spring Boot 应用程序中配置 SFTP 服务器连接信息和文件保存路径，代码示例如下： ``` @Configuration public class SftpConfig { @Value("${sftp.host}") private String host; @Value("${sftp.port}") private int port; @Value("${sftp.username}") private String username; @Value("${sftp.password}") private String password; @Value("${sftp.remoteDirectory}") private String remoteDirectory; @Value("${sftp.localDirectory}") private String localDirectory; @Bean public SftpService sftpService() { SftpConfig config = new SftpConfig(); config.setHost(host); config.setPort(port); config.setUsername(username); config.setPassword(password); config.setRemoteDirectory(remoteDirectory); config.setLocalDirectory(localDirectory); return new SftpServiceImpl(config); } } ``` 3. 实现 SftpService 接口，用于下载 PDF 文件到本地临时目录。代码示例如下： ``` public interface SftpService { File download(String fileId); } @Service public class SftpServiceImpl implements SftpService { private final SftpConfig config; public SftpServiceImpl(SftpConfig config) { this.config = config; } @Override public File download(String fileId) { Session session = null; ChannelSftp channel = null; try { JSch jsch = new JSch(); session = jsch.getSession(config.getUsername(), config.getHost(), config.getPort()); session.setPassword(config.getPassword()); session.setConfig("StrictHostKeyChecking", "no"); session.connect(); channel = (ChannelSftp) session.openChannel("sftp"); channel.connect(); channel.cd(config.getRemoteDirectory()); // 生成本地临时文件名 String localFileName = UUID.randomUUID().toString() + ".pdf"; File localFile = new File(config.getLocalDirectory() + File.separator + localFileName); // 下载文件到本地临时目录 channel.get(fileId, localFile.getAbsolutePath()); return localFile; } catch (JSchException | SftpException e) { e.printStackTrace(); } finally { if (channel != null) { channel.disconnect(); } if (session != null) { session.disconnect(); } } return null; } } ``` 需要注意的是，SFTP 服务器的连接信息需要在配置文件中进行配置，例如： ``` sftp.host=192.168.1.100 sftp.port=22 sftp.username=admin sftp.password=123456 sftp.remoteDirectory=/pdf sftp.localDirectory=/tmp ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值