网站首页 > 技术文章 正文
之前文章中写过项目中实现pdf下载的需求(文章详见),开发、测试、以及验收的时候均没有问题,前段时间业务方说下载pdf的功能总是报超时错误,排查了下原因,原来是pdf中放的图片都是8M左右的,这肯定扛不住啊。问题发现了那就解决。思路有两个:
- 压缩图片
- 异步下载
1.压缩图片
这里使用Google开源的图片压缩库thumbnailator,这个工具简单易用,支持各种压缩方式,提供链式API,有兴趣的可以去研究下。
项目引入依赖:
<dependency>
<groupId>net.coobird</groupId>
<artifactId>thumbnailator</artifactId>
<version>0.4.8</version>
</dependency>
pfd渲染前,先把获取到的图片压缩,伪代码如下(源代码详见):
Lists.partition(imageUrls, BULK_SIZE).forEach(items -> {
FraudReportOrderEvidenceImage image = new FraudReportOrderEvidenceImage();
for (int i = 0; i < items.size(); i++) {
byte[] imageBytes = restTemplate.getForObject(items.get(i), byte[].class);
ByteArrayInputStream bais = new ByteArrayInputStream(imageBytes);
ByteArrayOutputStream baos = new ByteArrayOutputStream(BAOS_SIZE);
try {
//压缩图片
Thumbnails.of(bais).scale(IMAGE_SCALE_SIZE).toOutputStream(baos);
byte[] thumbnailBytes = baos.toByteArray();
if (i == 0) {
image.setReportDescImage(this.byte2String(thumbnailBytes));
continue;
}
if (i == 1) {
image.setReportDescImage2(this.byte2String(thumbnailBytes));
continue;
}
if (i == 2) {
image.setReportDescImage3(this.byte2String(thumbnailBytes));
continue;
}
if (i == 3) {
image.setReportDescImage4(this.byte2String(thumbnailBytes));
}
} catch (Exception e) {
log.error("压缩图片失败", e);
throw new ServiceResponseException("压缩图片失败");
}
}
images.add(image);
});
log.info("read {} images byte costs: {}ms", imageUrls.size(), System.currentTimeMillis() - start);
经过thumbnailator压缩之后,图片字节大大缩小,同时图片并没有失真模糊,在页面点击下载按钮,实时下载正常,不再超时
2.异步下载
实际上,下载文件在系统中一般都是非核心流程,所以大多数系统都是采用异步下载的方式,所谓异步下载是相对系统实时渲染数据给到前端供用户下载而言的,实现方式就是系统在业务低峰期(比如凌晨2点)通过job定时去获取指定的数据,生成相应的文件,然后上传到file server或者OSS服务器,上传成功后,系统库表中保留文件资源的地址。下载页面会把相应记录对应的文件地址返回给前端,用户下载的时候,前端直接通过地址url去download指定的文件即可,这样下载的处理就从业务系统中剥离出去,不会因为大文件的耗时处理影响业务系统性能。一般批处理系统、数仓、BI等都是以这种方式生成文件,供客户端下载。需要说明的是,此种方式下载,数据一般是T+1的,但由于是非核心功能,所以T+1是完全没问题的。
ps:
每张图片8M左右,压缩之后正常下载
猜你喜欢
- 2024-12-02 Squoosh - 谷歌出品的免费开源图片压缩工具,压缩90%,支持 API 调用
- 2024-12-02 实用技巧分享:你知道如何实现油猴脚本的导出与本地导入吗?
- 2024-12-02 详细介绍一下Spring Boot中对于文件的压缩以及解压缩操作?
- 2024-12-02 前端入门——html 中如何使用图片
- 2024-12-02 超好用 Vue.js 图片裁切组件Vue-ImgCutter
- 2024-12-02 Vue项目优化篇
- 2024-12-02 热门在线图片压缩工具,一次解决平时在办公时遇到的压缩问题
- 2024-12-02 在线图片压缩效果怎么样?有没有免费的工具?
- 2024-12-02 手搓一个TinyPng压缩图片的WebpackPlugin
- 2024-12-02 前端开发使用工具 gulp
你 发表评论:
欢迎- 最近发表
-
- 用AI做微信小程序的完整步骤_如何用ai制作微信表情包
- 自习室预约的微信小程序设计与实现-计算机毕业设计源码+LW文档
- 微信小程序开发入门指南_微信小程序开发入门教程
- 写字机器人好用吗? 组装就花了5个小时 还要学习软件、录入字体
- 白描网页版 - 高效准确且免费的OCR文字识别工具
- 字体图形面板与图标字体使用_字体图标的优势和劣势
- 作为前端工程师必须懂得的33个CSS核心概念
- Flutter程序员开发炫酷的登录页面 字体库运用 路由学习 源码分享
- 2025Q3开源字体盘点:让你的代码和文档'颜值'飙升!
- Agent杂谈:Agent的能力上下限及「Agent构建」核心技术栈调研分享~
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)