Spring服务端常见的两种返回图片的方式【Response输出流】和【Base64】对比

最新推荐文章于 2024-05-10 12:19:53 发布

摇滚搬运工

最新推荐文章于 2024-05-10 12:19:53 发布

阅读量1.5k

点赞数 10

文章标签：前端 java spring

本文链接：https://blog.csdn.net/2301_76212351/article/details/136037661

版权

服务端返回图片的格式一般使用输出流或者Base64是比较常见的两种方式，适用于不同的场景和需求。下面是这两种方式的优缺点比较：

1.使用response输出流返回图片

优点：

效率：直接通过输出流发送文件数据，不需要额外的编码/解码过程，因此传输速度较快。
内存占用：对于大文件，可以边读边写，不需要一次性将整个文件加载到内存中，降低了内存压力。
通用性：适用于各种文件类型，不仅仅是图片。

缺点：

直接下载：这种方式通常会导致浏览器直接下载文件，而不是在页面中显示。虽然可以通过设置Content-Disposition为inline来尝试在浏览器中直接显示，但这取决于浏览器和文件类型。
不适用于内嵌：如果需要将图片内嵌到JSON、XML或其他文本格式中，这种方式不太适用

2.输出流返回案列

    //前端可以直接根据URL：/image/{图片id} 来获取图片   注意:资源文件ID最好进行加密和设置有效期
    @GetMapping(value = "/image/{id}", produces = MediaType.IMAGE_JPEG_VALUE)
    public ResponseEntity<InputStreamResource> getImage(@PathVariable String id) {
        // 在实际开发中 一般先通过图片id查看数据库有没有这条记录

        String imageFilePath = "D:\\login-bg.jpg";
        File file = new File(imageFilePath);
        try {
            BufferedImage bufferedImage = ImageIO.read(file);
            ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
            ImageIO.write(bufferedImage, "jpg", byteArrayOutputStream);
            byte[] imageBytes = byteArrayOutputStream.toByteArray(); // 读取图片数据的字节数组
            InputStream inputStream = new ByteArrayInputStream(imageBytes);
            // 创建InputStreamResource对象，该对象将用作响应体
            InputStreamResource resource = new InputStreamResource(inputStream);
            // 创建包含响应体的ResponseEntity对象，并设置正确的媒体类型和内容长度
            return ResponseEntity.ok()
                    .contentType(MediaType.IMAGE_JPEG)
                    .header("Content-Disposition\", \"inline; filename=image.jpg")
                    .body(resource);
        }catch (Exception e) {
            e.printStackTrace();
        }
     return ResponseEntity.ok().body(null);
    }

3.使用Base64方式返回图片

优点：

内嵌性：Base64编码的图片可以很容易地内嵌到JSON、XML、HTML或CSS中，适用于前端直接显示。
跨平台：Base64是一种标准的编码方式，不受文件系统和网络传输限制，可以方便地在不同平台间传输。

缺点：

体积增大：Base64编码后的图片体积大约会增加33%，因为每个字节都需要用两个字符来表示。
性能：编码和解码过程需要额外的CPU资源，可能会对性能产生一定影响。
内存占用：需要将整个文件加载到内存中进行编码，对于大文件来说可能会占用较多内存。
不适合大文件：由于体积增大和内存占用的原因，Base64编码不适合用于传输大文件

4.Base64返回案列

    //前端可以直接根据URL：/image/{图片id} 来获取图片   注意:资源文件ID最好进行加密和设置有效期
    @GetMapping(value = "/image2/{id}", produces = MediaType.IMAGE_JPEG_VALUE)
    public ResponseEntity<String> getImageBase64(@PathVariable String id) {
        // 在实际开发中 一般先通过图片id查看数据库有没有这条记录


        String imageFilePath = "D:\\login-bg.jpg";
        File file = new File(imageFilePath);
        try {
            BufferedImage bufferedImage = ImageIO.read(file);
            ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
            ImageIO.write(bufferedImage, "jpg", byteArrayOutputStream);
            byte[] imageBytes = byteArrayOutputStream.toByteArray(); // 读取图片数据的字节数组
            // 将图片字节数组转换为Base64编码的字符串
            String base64Image = Base64.getEncoder().encodeToString(imageBytes);

            // 创建包含Base64编码的响应体的ResponseEntity对象，并设置正确的媒体类型和内容长度
            return ResponseEntity.ok()
                    .contentType(MediaType.IMAGE_JPEG)
                    .body(base64Image);
        }catch (Exception e) {
            e.printStackTrace();
        }
        return ResponseEntity.ok().body(null);
    }