图文并茂:解析Spring Boot Controller返回图片的三种方式

欢迎来到我的博客,代码的世界里,每一行都是一个故事


在这里插入图片描述

图文并茂:解析Spring Boot Controller返回图片的三种方式

    • 前言
    • 使用Base64编码返回图片
    • 使用byte数组返回图片
    • 使用Resource对象返回图片
    • 图片格式转换与性能对比

前言

在互联网的世界里,图片无处不在,它们是信息传递的重要媒介,也是视觉盛宴的一部分。而在Spring Boot项目中,如何优雅地处理和返回图片数据,则成为了开发者们不得不面对的问题。今天,就让我们一起来探索Spring Boot Controller的神奇转换,看看如何在代码的世界里展现出美丽的图画吧!

使用Base64编码返回图片

Base64 编码是一种将二进制数据转换为 ASCII 字符串的编码方式。它的原理是将每 3 个字节(24 位)的二进制数据编码成 4 个字符的 ASCII 字符串,因此 Base64 编码后的字符串长度会比原始数据增加约 1/3。Base64 编码的优势在于可以在文本协议中(如 JSON、XML)安全地传输二进制数据,同时不会丢失数据内容。

优点:

  1. 可读性好: Base64 编码的结果是 ASCII 字符串,可以在文本协议中直接显示,方便阅读和传输。
  2. 二进制数据安全传输: 在一些不支持二进制数据传输的环境中(如 HTTP 请求、XML 数据格式),使用 Base64 编码可以将二进制数据安全地转换成文本数据传输。
  3. 字符集兼容性: Base64 编码只使用了字母、数字和一些特殊字符,因此在各种字符集下都可以正确传输。

缺点:

  1. 数据体积膨胀: Base64 编码会导致数据体积膨胀约 1/3,这可能会增加传输数据量和网络带宽的消耗。
  2. 性能影响: 对于大型二进制数据,Base64 编码和解码可能会消耗一定的 CPU 资源和时间。

在 Spring Boot Controller 中将图片转换为 Base64 编码的字符串并返回的示例代码如下:

import org.springframework.util.Base64Utils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;import java.io.File;
import java.io.IOException;
import java.nio.file.Files;@RestController
public class ImageController {@GetMapping("/image")public String getImageAsBase64() throws IOException {// 读取图片文件File file = new File("path/to/your/image.jpg");byte[] imageBytes = Files.readAllBytes(file.toPath());// 将图片字节数组进行 Base64 编码String base64EncodedImage = Base64Utils.encodeToString(imageBytes);// 返回 Base64 编码后的图片字符串return base64EncodedImage;}
}

在这个示例中,我们首先读取了图片文件的字节数组,然后使用 Spring 的 Base64Utils 类将字节数组进行 Base64 编码,并将结果作为字符串返回给客户端。

使用byte数组返回图片

使用 byte 数组返回图片通常适用于需要在客户端直接显示图片的场景,而不是将图片作为文件下载。这种方式可以在减少网络传输数据的同时,直接将图片数据嵌入到 HTTP 响应中,从而加快客户端的加载速度和提升用户体验。适用场景包括网页中的图片展示、移动应用中的图片加载等。

在 Spring Boot Controller 中将图片转换为 byte 数组并返回的示例代码如下:

import org.springframework.core.io.Resource;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;import java.io.File;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;@RestController
public class ImageController {@GetMapping("/image")public ResponseEntity<byte[]> getImageAsByteArray() throws IOException {// 读取图片文件File file = new File("path/to/your/image.jpg");byte[] imageBytes = Files.readAllBytes(file.toPath());// 构建 HTTP 响应头HttpHeaders headers = new HttpHeaders();headers.setContentType(MediaType.IMAGE_JPEG);headers.setContentLength(imageBytes.length);// 返回包含图片字节数组的 ResponseEntityreturn new ResponseEntity<>(imageBytes, headers, HttpStatus.OK);}
}

在这个示例中,我们使用了 ResponseEntity 来构建 HTTP 响应,并将图片的 byte 数组作为响应体返回。我们还设置了响应头中的 Content-Type 为 image/jpeg,表明返回的内容是 JPEG 格式的图片。

使用Resource对象返回图片

使用 Resource 对象返回图片在 Spring Boot 应用中的优势之一是它可以轻松地处理图片文件位于不同位置的情况,包括位于文件系统、类路径、网络等不同位置。这样可以使代码更具灵活性和可移植性,同时使得图片的加载和返回更加简洁。

适用场景包括需要对图片的位置进行动态配置、需要从远程服务器或第三方服务加载图片、需要在分布式环境下加载图片等情况。

在 Spring Boot Controller 中使用 Resource 对象加载并返回图片的示例代码如下:

import org.springframework.core.io.Resource;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.support.ServletUriComponentsBuilder;import java.io.IOException;@RestController
public class ImageController {@GetMapping("/image")public ResponseEntity<Resource> getImage() throws IOException {// 加载图片资源Resource resource = loadResource("path/to/your/image.jpg");// 构建响应return ResponseEntity.ok().contentType(MediaType.IMAGE_JPEG).body(resource);}private Resource loadResource(String imagePath) {// 实现加载图片资源的逻辑,这里可以是文件系统、类路径、网络等不同位置// 这里的示例是加载文件系统中的图片return new FileSystemResource(imagePath);}
}

在这个示例中,loadResource 方法用于加载图片资源,你可以根据实际情况实现具体的加载逻辑。在 getImage 方法中,我们将加载的图片资源封装成 Resource 对象,并将其包装在 ResponseEntity 中返回给客户端。

图片格式转换与性能对比

在分析三种方式的性能特点和适用场景之前,让我们先来看一下它们各自的优劣和适用情况:

  1. Base64 编码返回图片:

    • 优点:可以直接将图片编码为字符串嵌入到文本协议中,无需额外的 HTTP 请求。
    • 缺点:Base64 编码会导致数据体积膨胀,增加网络传输负载;在大量图片或大图的情况下,会增加服务器和客户端的 CPU 开销。
    • 适用场景:适用于图片大小较小,或者只有少量图片需要显示的场景,且对网络传输负载和 CPU 开销要求不高的情况。
  2. 使用 byte 数组返回图片:

    • 优点:直接返回图片的字节数组,避免了 Base64 编码带来的数据体积膨胀。
    • 缺点:仍然需要通过 HTTP 请求来获取图片数据,可能增加网络传输负载。
    • 适用场景:适用于需要动态生成图片或者从外部系统获取图片的情况,且对网络传输负载和服务器 CPU 开销要求不高的情况。
  3. 使用 Resource 对象返回图片:

    • 优点:可以灵活处理图片的位置,支持从文件系统、类路径、网络等不同位置加载图片,具有较高的灵活性和可移植性。
    • 缺点:需要通过 HTTP 请求来获取图片数据,可能增加网络传输负载。
    • 适用场景:适用于需要动态加载图片、图片位置不固定或需要从远程服务获取图片的情况。

性能对比和调优建议:

  • Base64 编码和 byte 数组返回图片的方式可以减少 HTTP 请求的数量,但会增加单次请求的数据量,因此在需要频繁请求小量图片的场景中适用。如果图片较大或者数量较多,建议使用 Resource 对象返回图片,通过懒加载的方式减少一次性加载大量图片数据带来的性能压力。
  • 在高并发情况下,尽量减少服务器端的 CPU 开销,可以通过使用 CDN 加速、图片格式优化(如 JPEG 图片压缩)等方式来提升性能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/328896.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C# 结合 JavaScript 对 Web 控件进行数据输入验证

目录 关于数据验证 范例运行环境 验证设计 JavaScript 方法 设计 实现 调用示例 C# 方法 设计 实现 调用示例 小结 关于数据验证 在 Web 应用的录入界面&#xff0c;数据验证是一项重要的实现功能&#xff0c;数据验证是指确认 Web 控件输入或选择的数据&#xff…

宁静致远(“静”)

宁静致远是一个成语&#xff0c;读音为nng jng zh yuǎn&#xff0c;意思是只有心境平稳沉着、专心致志&#xff0c;才能厚积薄发、 有所作为。出自《淮南子:主术训》。 出处 宁静致远张铭篆刻 此句最早出自西汉初年道家刘安的《淮南子:主术训》&#xff0c;蜀汉丞相诸葛亮的…

2025秋招Java还是c++?

一、我的编程经 说说我的编程经历&#xff0c;在C和Java之间我经历了几个阶段&#xff1a; 大学期间&#xff0c;我浅尝辄止地学习了一段时间的Java&#xff0c;但后来放弃了&#xff0c;开始学习C/C。本科毕业后&#xff0c;我选择攻读硕士学位&#xff0c;并一直专注于C的学…

美团小程序mtgsig1.2逆向

声明 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01;wx a15018601872 本文章未…

汇编--栈和寄存器

栈 栈是一种运算受限的线性表&#xff0c;其限定仅在表尾进行插入和删除操作的线性表&#xff0c;表尾也被叫做栈顶。简单概括就是我们对于元素的操作只能够在栈顶进行&#xff0c;也造就了其先进后出的结构特性。 栈 这种内存空间其实本质上有两种操作&#xff1a;将数据放入…

C语言如何删除表中指定位置的结点?

一、问题 如何删除链表中指定位置的结点&#xff1f; 二、解答 删除链表中指定的结点&#xff0c;就像是排好队的⼩朋友⼿牵着⼿&#xff0c;将其中⼀个⼩朋友从队伍中分出来&#xff0c;只需将这个⼩朋友的双⼿从两边松开。 删除结点有两种情况&#xff1a; &#xff08;1&am…

CRM与SCRM:联系与区别

引言 在当今数字化时代&#xff0c;企业与客户之间的互动变得日益频繁而复杂。为了更好地管理客户关系并提供更个性化的服务&#xff0c;许多企业采用了客户关系管理&#xff08;CRM&#xff09;系统。与此同时&#xff0c;随着社交媒体的普及和社交化互动的增加&#xff0c;社…

【文末附gpt升级方案】探讨当前时机是否适合进入AIGC行业(一)

随着科技的飞速发展&#xff0c;人工智能生成内容&#xff08;AIGC&#xff09;作为新兴的技术领域&#xff0c;正逐步走进公众的视野&#xff0c;并在多个行业展现出巨大的应用潜力。然而&#xff0c;对于创业者、投资者以及希望进入这一领域的专业人士来说&#xff0c;当前时…

传输层协议——TCP协议

目录 一、TCP协议 二、TCP协议格式 三、序号和确认序号 四、窗口大小 五、六个标记位 六、三次握手和四次挥手 七、滑动窗口 八、拥塞控制 九、延迟应答和捎带应答 1、延迟应答 2、捎带应答 十、面向字节流 十一、粘包问题 十二、TCP异常情况 十三、再谈listen函…

小程序|锁定查询功能如何使用?

学生或家长想要实现自己查询完成后&#xff0c;任何人都无法再次查询&#xff0c;老师应该如何设置&#xff1f;易查分的【锁定查询功能】就可实现&#xff0c;下面教大家如何使用吧。 &#x1f4cc;使用教程 &#x1f512;锁定查询功能介绍 ✅学生或家长自主锁定&#xff1a;开…

实现mysql的主从复制、实现MySQL的读写分离与负载均衡

实验环境 &#xff08;注明&#xff09;以下的所有关于yum和rpm以及tar的软件需要自己准备&#xff0c;没有的话可以私信博主 实验目标&#xff1a; 1.实现mysql主从复制 2.实现mysql读写分离与负载均衡 实验一、搭建mysql主从复制 1.建立时间同步环境&#xff0c;在主节…

Linux-笔记 开发板Uboot命令使用

将之前自学的知识整理了一下笔记&#xff0c;以便回忆 信息查询命令 1、help/?&#xff1a;查看所支持命令 > ? md md - memory displayUsage: md [.b, .w, .l] address [# of objects]2、bdinfo&#xff1a;查询板子信息 > bdinfo arch_number 0x00000000 boot_p…

C#知识|上位机子窗体嵌入主窗体方法(实例)

哈喽,你好啊,我是雷工! 上位机开发中,经常会需要将子窗体嵌入到主窗体, 本节练习C#中在主窗体的某个容器中打开子窗体的方法。 01 需求说明 本节练习将【账号管理】子窗体在主窗体的panelMain容器中打开。 账号管理子窗体如下: 主窗体的panelMain容器位置如图: 02 实现…

四川古力未来科技抖音小店:科技赋能,购物新体验!

在当下这个数字化飞速发展的时代&#xff0c;电商行业早已成为了人们日常生活中不可或缺的一部分。而抖音小店作为电商领域的一匹黑马&#xff0c;正以其独特的优势和魅力&#xff0c;吸引着越来越多的消费者。今天&#xff0c;我们就来一起探讨一下四川古力未来科技抖音小店的…

免费视频格式在线转换网站,推荐这5款!

在数字化时代&#xff0c;视频已成为我们日常生活和工作中不可或缺的一部分。然而&#xff0c;随着各种设备和平台的不断涌现&#xff0c;视频格式繁多&#xff0c;常常会出现不兼容的情况。为了解决这一问题&#xff0c;视频格式在线转换网站应运而生&#xff0c;成为了我们应…

微软宣布GPT-4o模型,可在 Azure OpenAI上使用

5月14日&#xff0c;微软在官网宣布&#xff0c;OpenAI最新发布的多模态模型GPT-4o&#xff0c;可以在 Azure OpenAI 云服务中使用。 据悉&#xff0c;GPT-4o支持跨文本、视频、音频多模态推理&#xff0c;例如&#xff0c;通过GPT-4o打造一个AI助手&#xff0c;用于辅导孩子解…

【Python】语句与众所周知【自我维护版】

各位大佬好 &#xff0c;这里是阿川的博客 &#xff0c; 祝您变得更强 个人主页&#xff1a;在线OJ的阿川 大佬的支持和鼓励&#xff0c;将是我成长路上最大的动力 阿川水平有限&#xff0c;如有错误&#xff0c;欢迎大佬指正 本篇博客是在之前的基础上进行的维护 目录 条…

Kibana使用

一、什么是Kibana   Kibana 是一个开源的分析和可视化平台&#xff0c;Kibana 提供搜索、查看和与存储在 Elasticsearch 索引中的数据进行交互的功能。开发者或运维人员可以轻松地执行高级数据分析&#xff0c;并在各种图表、表格和地图中可视化数据。 Kibana使用&#xff1a…

前端学习第一课

AJAX 事先说明&#xff0c;这只是记录&#xff0c;并不是从零到一的教学内容&#xff0c;如果想要学习的话&#xff0c;可以跳过本文章了 ok&#xff0c;转回正题&#xff0c;正如上面所说&#xff0c;这只是记录。其实我是有一定的前端基础的&#xff0c;也做过涉及相关的开发…

力扣82题删除排序链表中的重复元素

82题删除排序链表中的重复元素 题目描述 给定一个已排序的链表的头 head &#xff0c; 删除原始链表中所有重复数字的节点&#xff0c;只留下不同的数字 。返回 已排序的链表 。 题目分析 这个题需要返回已排序链表&#xff0c;我们需要考虑一种情况就是头结点为重复元素&…