后端MultipartFile接收文件转Base64

简介: 后端MultipartFile接收文件转Base64

image.png

@[toc]

背景说明

最开始写的版本代码删改较多且无法运行,在其他博主给我指出问题及改进措施之后,下面的是最新汇总并测试结果有效的接口,编写日期:2022年08月12日。

下面代码是后端接收到文件,并把文件转为Base64,而不是前端传Base64传递给后端,这点需注意!
如果想前端传递Base64的需自己找文章,主要:网上的部分文章转Base64没给pom依赖,会导致找不到类,我这个是能够进行编译Base64的工具包,也注明了import的引入,记录改文章也是方便后续我自己查看而已。

测试案例+代码

测试接口1和测试接口2没太大差别,一个用了buffer缓存一个没用到而已,最终结果打印一致。

pom依赖

 <dependency>
     <groupId>commons-codec</groupId>
     <artifactId>commons-codec</artifactId>
     <version>1.10</version>
</dependency>

测试方法1

测试方法1

import com.example.demo.bean.OperateTeacherReq;
import com.example.demo.bean.TeacherReq;
import com.example.demo.config.LogAnnotation;
import com.example.demo.mapper.TeacherMapper;
import com.example.demo.response.Response;
import org.apache.commons.codec.binary.Base64;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
@RestController
public class Controller {
   
    //测试方法1
    @RequestMapping(value = "uploadLogo")
    public void uploadLogo(@RequestParam("file") MultipartFile fileImage) {
   
        String base64EncoderImg = "";
        try {
   
            base64EncoderImg = Base64.encodeBase64String(fileImage.getBytes());
            base64EncoderImg = "data:image/png;base64," + base64EncoderImg;
            System.out.println(base64EncoderImg);
        } catch (IOException e) {
   
            e.printStackTrace();
        }
    }
 }

用postman或者apipost模拟发送接口测试结果,随便上传一个excel文件

image.png

测试方法2

测试方法2

import com.example.demo.bean.OperateTeacherReq;
import com.example.demo.bean.TeacherReq;
import com.example.demo.config.LogAnnotation;
import com.example.demo.mapper.TeacherMapper;
import com.example.demo.response.Response;
import org.apache.commons.codec.binary.Base64;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
@RestController
public class Controller {
   
    //测试方法2
    @RequestMapping(value = "uploadLogo2")
    public void uploadLogo2(@RequestParam("file") MultipartFile fileImage) {
   
        String base64EncoderImg = "";
        byte[] buffer = null;
        try {
   
            InputStream inputStream = fileImage.getInputStream();
            ByteArrayOutputStream bos = new ByteArrayOutputStream();
            byte[] b = new byte[1024];
            int n;
            while ((n = inputStream.read(b)) != -1)
            {
   
                bos.write(b, 0, n);
            }
            inputStream.close();
            bos.close();
            buffer = bos.toByteArray();
            base64EncoderImg = Base64.encodeBase64String(buffer);
            base64EncoderImg = "data:image/png;base64," + base64EncoderImg;
            System.out.println(base64EncoderImg);
        } catch (IOException e) {
   
            e.printStackTrace();
        }
    }
}

用postman或者apipost模拟发送接口测试结果,随便上传一个excel文件

image.png

会议详情

image.png

重要信息

大会介绍

由厦门大学与桂林理工大学联合主办的第五届材料化学与复合材料国际学术会议(MCCM 2024)将于2024年12月27-29日在厦门隆重召开。会议主要围绕材料化学与复合材料等研究领域展开讨论。会议旨在为从事材料化学与复合材料研究的专家学者、工程技术人员、技术研发人员提供一个共享科研成果和前沿技术,了解学术发展趋势,拓宽研究思路,加强学术研究和探讨,促进学术成果产业化合作的平台。大会诚邀国内外高校、科研机构专家、学者,企业界人士及其他相关人员参会交流!

image.png

image.png
image.png

打印2个测试接口输出结果相同:
代码输出格式为:"data:image/png;base64," + base64EncoderImg;,结果和代码一致,确认有效
data:image/png;base64,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

目录
相关文章
|
3月前
|
缓存 前端开发
后端MultipartFile接收文件转Base64
后端MultipartFile接收文件转Base64
116 8
|
3月前
|
前端开发
后端返回图片二进制流,前端转base64
本文介绍了如何将后端返回的图片二进制流转换为Base64格式,以便在前端使用。通过在axios请求中设置`responseType`为`arraybuffer`,然后使用`btoa`和`Uint8Array`进行转换。
271 5
|
7天前
|
缓存 前端开发
后端MultipartFile接收文件转Base64
后端MultipartFile接收文件转Base64
23 5
|
2月前
|
存储 前端开发 Java
Java后端如何进行文件上传和下载 —— 本地版(文末配绝对能用的源码,超详细,超好用,一看就懂,博主在线解答) 文件如何预览和下载?(超简单教程)
本文详细介绍了在Java后端进行文件上传和下载的实现方法,包括文件上传保存到本地的完整流程、文件下载的代码实现,以及如何处理文件预览、下载大小限制和运行失败的问题,并提供了完整的代码示例。
582 1
|
2月前
|
JSON 前端开发 数据格式
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
文章详细讲解了在SpringMVC中如何使用`@RequestMapping`进行路由映射,并介绍了前后端参数传递的多种方式,包括传递单个参数、多个参数、对象、数组、集合以及JSON数据,并且涵盖了参数重命名和从URL中获取参数的方法。
119 0
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
|
4月前
|
JavaScript 前端开发
Vue中传递自定义参数到后端、后端获取数据(使用Map接收参数)
这篇文章讲述了如何在Vue中通过Axios二次封装传递自定义参数到后端,并展示了后端如何使用Map接收这些参数,以及如何避免参数转换错误和统一接口设计的方法。
|
8天前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
29 1
|
3天前
|
存储 缓存 监控
后端开发中的缓存机制:深度解析与最佳实践####
本文深入探讨了后端开发中不可或缺的一环——缓存机制,旨在为读者提供一份详尽的指南,涵盖缓存的基本原理、常见类型(如内存缓存、磁盘缓存、分布式缓存等)、主流技术选型(Redis、Memcached、Ehcache等),以及在实际项目中如何根据业务需求设计并实施高效的缓存策略。不同于常规摘要的概述性质,本摘要直接点明文章将围绕“深度解析”与“最佳实践”两大核心展开,既适合初学者构建基础认知框架,也为有经验的开发者提供优化建议与实战技巧。 ####
|
18天前
|
存储 SQL API
探索后端开发:构建高效API与数据库交互
【10月更文挑战第36天】在数字化时代,后端开发是连接用户界面和数据存储的桥梁。本文深入探讨如何设计高效的API以及如何实现API与数据库之间的无缝交互,确保数据的一致性和高性能。我们将从基础概念出发,逐步深入到实战技巧,为读者提供一个清晰的后端开发路线图。
|
12天前
|
JSON API 开发者
构建高效API:后端开发中的RESTful最佳实践####
在数字化时代,API作为不同系统间通信的桥梁,其重要性日益凸显。本文将深入探讨RESTful API的设计原则与最佳实践,通过实际案例分析,揭示如何构建高效、可维护且易于使用的API接口,助力后端开发者提升项目质量与用户体验。 ####