后端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

打印2个测试接口输出结果相同:
代码输出格式为:"data:image/png;base64," + base64EncoderImg;,结果和代码一致,确认有效
data:image/png;base64,UEsDBBQACAgIAAlOjlMAAAAAAAAAAAAAAAALAAAAX3JlbHMvLnJlbHOtksFqwzAMhl/F6N447WCMUbeXMuhtjO4BNFtJTGLL2NqWvf3MLltLChvsKCR9/wfSdj+HSb1RLp6jgXXTgqJo2fnYG3g+PazuQBXB6HDiSAYiw363faIJpW6UwaeiKiIWA4NIute62IECloYTxdrpOAeUWuZeJ7Qj9qQ3bXur808GnDPV0RnIR7cGdcLckxiYJ/3OeXxhHpuKrY2PRL8J5a7zlg5sXwNFWci+mAC97LL5dnFsHzPXTUzpv2VoFoqO3CrVBMriqVwzulkwspzpb0rXj6IDCToU/KJeCOmzH9h9AlBLBwinjHq94wAAAEkCAABQSwMEFAAICAgACU6OUwAAAAAAAAAAAAAAABMAAABbQ29udGVudF9UeXBlc10ueG1stVPLbsIwEPyVyNcqNvRQVRWBQx/HFqn0A1x7k1j4Ja+h8PddBziUUokKcfJjZmdmV/ZktnG2WkNCE3zDxnzEKvAqaOO7hn0sXup7VmGWXksbPDTMBzabThbbCFhRqceG9TnHByFQ9eAk8hDBE9KG5GSmY+pElGopOxC3o9GdUMFn8LnORYNNJ0/QypXN1ePuvkg3TMZojZKZUom110ei9V6QJ7ADB3sT8YYIrHrekMquG0KRiTMcjgvLmereaC7JaPhXtNC2RoEOauWohENR1aDrmIiYsoF9zrlM+VU6EhREnhOKgqT5Jd6HsaiQ4CzDQrzI8ahbjAmkxh4gO8uxlwn0e070mH6H2Fjxg3DFHHlrT0yhBBiQa06AVu6k8afcv0JafoawvJ5/cRj2f9kPIIphGR9yiOF7T78BUEsHCHqUynE7AQAAHAQAAFBLAwQUAAgICAAJTo5TAAAAAAAAAAAAAAAAEAAAAGRvY1Byb3BzL2FwcC54bWxNjsEKwjAQRO9+Rci93epBRNKUggie7EE/IKTbNtBsQrJKP9+c1OPMMI+nus2v4o0pu0Ct3NeNFEg2jI7mVj4f1+okO71TQwoREzvMohwot3JhjmeAbBf0JtdlprJMIXnDJaYZwjQ5i5dgXx6J4dA0R8CNkUYcq/gFSq36GFdnDRcH3UdTkGK43xT89wp+DvoDUEsHCOF8d9iRAAAAtwAAAFBLAwQUAAgICAAJTo5TAAAAAAAAAAAAAAAAEQAAAGRvY1Byb3BzL2NvcmUueG1sbZBdS8MwFIb/Ssh9e5puyAxthygDQXHgRPEuJMe22HyQRDv/vWmdFdS7JO9zHk7eanvUA3lHH3prasryghI00qretDV9OOyyDSUhCqPEYA3W1Fi6bSrpuLQe99469LHHQJLGBC5dTbsYHQcIskMtQp4Ik8IX67WI6epbcEK+ihahLIoz0BiFElHAJMzcYqQnpZKL0r35YRYoCTigRhMDsJzBDxvR6/DvwJws5DH0CzWOYz6uZi5txODp9uZ+Xj7rzfR1ibSpTmouPYqIiiQBjx8uNfKdPK4urw472pRFyTJWZmx9KBhfbzg7f67g1/wk/Dpb31ykQjok+7vriVueK/hTc/MJUEsHCPLeq8wFAQAAsAEAAFBLAwQUAAgICAAJTo5TAAAAAAAAAAAAAAAAFAAAAHhsL3NoYXJlZFN0cmluZ3MueG1sjZHNSsNAFEb3PkWYvZ2qIFLS6ULwCfQBQjq2gWZSMxNxmQj+FC110SLVpoqo1U1tqWJJ7NtkMs1bOOqikFpxeb9z+LjcqxYOzIqyj21qWCQPVjJZoGCiW0WDlPJgZ3treQMU0JJKKVN0yyFMOmtAcYix5+DNWSBbCM2DMmPVHIRUL2NToxmriokku5ZtakyOdgnSqo21Ii1jzMwKXM1m16GpGQQglRpIZYifXvMwiC8f4s6NChlS4Vf+w6IPLxpfiWHIu2e/M35RF71BmsU1lw+70dgVQU+EjaTp8tbxAik4/4c0rv0liXbIJ63p6yNvvKcZvz+JR0/pdOo1xSiMgmCuqvk2ffFlj7j10iw57Iv+kHcG3HdzC87xDed2qD1Hk3ZyVE/u/BmD8sXoE1BLBwhN3tvMLQEAAA8CAABQSwMEFAAICAgACU6OUwAAAAAAAAAAAAAAAA0AAAB4bC9zdHlsZXMueG1snVPLbsIwELz3KyzfiyGVKlQl4YBExRkq9WqSTWLVL9kGJf36+hFCOFRFPXk9nhnPrpN80wuOLmAsU7LAq8USI5CVqplsC/xx3D2v8aZ8yq0bOBw6AIe8QNoCd87pN0Js1YGgdqE0SH/SKCOo81vTEqsN0NoGkeAkWy5fiaBM4jKXZ7ETzqJKnaUr8BKTMm+UvCErnIAyt9/oQrlHQjRPqxRXBjFZQw91gdcBk1RAYm0pZyfDoh8VjA8JzgIQk448waQyASTplrhYL2KcTyFecALKXFPnwMid36CxPg4aCiyVhGQTeX+wa2q+3g0dHldEf89qt/dtx1GQmWwyjIvv5KRM7V91PtAElTmHxnm5YW0XVqc0CYfOKeGLmtFWScrDBVfFWHjbCjg/hG/hs7nz7huUHnUf06Ewz2vpA41lstlPDczdkvfMNvuXLeqbyf8BdfaLGlGt+RAmW2BnzjDFjUnJ7XcofwBQSwcIAUL7bWcBAABCAwAAUEsDBBQACAgIAAlOjlMAAAAAAAAAAAAAAAAPAAAAeGwvd29ya2Jvb2sueG1sjY6xTsMwEIZ3nsK6ndoBhCCK0wUhdWMo7K59aazGduQzLStPwDOwsLIgMfIygHgMnFQBRqbTr/vuu7+a37mObTGSDV5CMRPA0OtgrF9LuF5eHp7BvD6odiFuViFsWMY9SWhT6kvOSbfoFM1Cjz5vmhCdSjnGNac+ojLUIibX8SMhTrlT1sPeUMb/OELTWI0XQd869GkvidiplMtSa3uC+qfZVWRGJSzOxYmERnWEwOtq2NxY3NEvOESmdLJbXKqVBDFw/A84dp4m88qhhK+Xp4+H1/e3x8/7Z2CxtEZCXJhjYCO1yLEYPdMxn97V31BLBwg/nUsh7gAAAGMBAABQSwMEFAAICAgACU6OUwAAAAAAAAAAAAAAABoAAAB4bC9fcmVscy93b3JrYm9vay54bWwucmVsc62RTWvDMAxA/4rRfXHSwRijbi9j0OvW/QBjK3FoIhlL++i/n7vD1kAHO/QkjPB7D7Tefs6TecciI5ODrmnBIAWOIw0OXvdPN/dgRD1FPzGhA2LYbtbPOHmtPySNWUxFkDhIqvnBWgkJZy8NZ6S66bnMXuuzDDb7cPAD2lXb3tlyzoAl0+yig7KLHZi9LwOqA0m+YHzRUsukqeC6Omb8j5b7fgz4yOFtRtILdruAg70cszqL0eOE16/4pv6lv/3Vf3A5SELUU3kd3bVLfgSnGLu49uYLUEsHCIYDO5HUAAAAMwIAAFBLAwQUAAgICAAJTo5TAAAAAAAAAAAAAAAAGAAAAHhsL3dvcmtzaGVldHMvc2hlZXQxLnhtbG3TWVPCMBAA4Hd/RSbvkhbkkGnLoIig4jhe76HdHkOTdJJA/fmm5dAQ3rLNt7PJZhtMfliJdiBVIXiI/Y6HEfBYJAXPQvz1Ob8e4Ul0FdRCblQOoJHxXIU417oaE6LiHBhVHVEBNzupkIxqE8qMqEoCTdokVpKu5w0IowXHUZAUDHhTEElIQzz1x68+JlHQ2u8CavVvjZrSayE2TbBMQmxOqOn6A0qINZhYyy002cRJn7eneZMogZRuS/0u6gUUWa7NRfvmpseSM6ppFEhRI2l2zAHjZjH1TaEQK4zU/usu8gKyM4Xig7hzhW+Le1d0bTFzRc8WD664scXcFX1bPLpiYIuFK4a2WLpiZIsnV9za4vlCx86a+nKBnHV1dYH8tZWYhzxOw/5lK5rBisqs4AqthdaCmSnqDPsYpUJokE3Uwyg343oKSkh1qzCS+5Fp11pUh9xm4k5/RfQLUEsHCCWQBapbAQAASAMAAFBLAQIUABQACAgIAAlOjlOnjHq94wAAAEkCAAALAAAAAAAAAAAAAAAAAAAAAABfcmVscy8ucmVsc1BLAQIUABQACAgIAAlOjlN6lMpxOwEAABwEAAATAAAAAAAAAAAAAAAAABwBAABbQ29udGVudF9UeXBlc10ueG1sUEsBAhQAFAAICAgACU6OU+F8d9iRAAAAtwAAABAAAAAAAAAAAAAAAAAAmAIAAGRvY1Byb3BzL2FwcC54bWxQSwECFAAUAAgICAAJTo5T8t6rzAUBAACwAQAAEQAAAAAAAAAAAAAAAABnAwAAZG9jUHJvcHMvY29yZS54bWxQSwECFAAUAAgICAAJTo5TTd7bzC0BAAAPAgAAFAAAAAAAAAAAAAAAAACrBAAAeGwvc2hhcmVkU3RyaW5ncy54bWxQSwECFAAUAAgICAAJTo5TAUL7bWcBAABCAwAADQAAAAAAAAAAAAAAAAAaBgAAeGwvc3R5bGVzLnhtbFBLAQIUABQACAgIAAlOjlM/nUsh7gAAAGMBAAAPAAAAAAAAAAAAAAAAALwHAAB4bC93b3JrYm9vay54bWxQSwECFAAUAAgICAAJTo5ThgM7kdQAAAAzAgAAGgAAAAAAAAAAAAAAAADnCAAAeGwvX3JlbHMvd29ya2Jvb2sueG1sLnJlbHNQSwECFAAUAAgICAAJTo5TJZAFqlsBAABIAwAAGAAAAAAAAAAAAAAAAAADCgAAeGwvd29ya3NoZWV0cy9zaGVldDEueG1sUEsFBgAAAAAJAAkAPwIAAKQLAAAAAA==

image.png
image.png
image.png

目录
相关文章
|
3月前
|
缓存 前端开发
后端MultipartFile接收文件转Base64
后端MultipartFile接收文件转Base64
123 8
|
3月前
|
前端开发
后端返回图片二进制流,前端转base64
本文介绍了如何将后端返回的图片二进制流转换为Base64格式,以便在前端使用。通过在axios请求中设置`responseType`为`arraybuffer`,然后使用`btoa`和`Uint8Array`进行转换。
355 5
|
1月前
|
缓存 前端开发
后端MultipartFile接收文件转Base64
后端MultipartFile接收文件转Base64
46 0
|
2月前
|
存储 前端开发 Java
Java后端如何进行文件上传和下载 —— 本地版(文末配绝对能用的源码,超详细,超好用,一看就懂,博主在线解答) 文件如何预览和下载?(超简单教程)
本文详细介绍了在Java后端进行文件上传和下载的实现方法,包括文件上传保存到本地的完整流程、文件下载的代码实现,以及如何处理文件预览、下载大小限制和运行失败的问题,并提供了完整的代码示例。
889 2
|
2月前
|
JSON 前端开发 数据格式
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
文章详细讲解了在SpringMVC中如何使用`@RequestMapping`进行路由映射,并介绍了前后端参数传递的多种方式,包括传递单个参数、多个参数、对象、数组、集合以及JSON数据,并且涵盖了参数重命名和从URL中获取参数的方法。
241 0
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
|
18天前
|
存储 缓存 负载均衡
后端开发中的性能优化策略
本文将探讨几种常见的后端性能优化策略,包括代码层面的优化、数据库查询优化、缓存机制的应用以及负载均衡的实现。通过这些方法,开发者可以显著提升系统的响应速度和处理能力,从而提供更好的用户体验。
45 4
|
9天前
|
机器学习/深度学习 前端开发 算法
婚恋交友系统平台 相亲交友平台系统 婚恋交友系统APP 婚恋系统源码 婚恋交友平台开发流程 婚恋交友系统架构设计 婚恋交友系统前端/后端开发 婚恋交友系统匹配推荐算法优化
婚恋交友系统平台通过线上互动帮助单身男女找到合适伴侣,提供用户注册、个人资料填写、匹配推荐、实时聊天、社区互动等功能。开发流程包括需求分析、技术选型、系统架构设计、功能实现、测试优化和上线运维。匹配推荐算法优化是核心,通过用户行为数据分析和机器学习提高匹配准确性。
38 3
|
24天前
|
存储 前端开发 Java
深入理解后端开发:从基础到高级
本文将带你走进后端开发的神秘世界,从基础概念到高级应用,一步步揭示后端开发的全貌。我们将通过代码示例,让你更好地理解和掌握后端开发的核心技能。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供有价值的信息和启示。
|
27天前
|
存储 缓存 监控
后端开发中的缓存机制:深度解析与最佳实践####
本文深入探讨了后端开发中不可或缺的一环——缓存机制,旨在为读者提供一份详尽的指南,涵盖缓存的基本原理、常见类型(如内存缓存、磁盘缓存、分布式缓存等)、主流技术选型(Redis、Memcached、Ehcache等),以及在实际项目中如何根据业务需求设计并实施高效的缓存策略。不同于常规摘要的概述性质,本摘要直接点明文章将围绕“深度解析”与“最佳实践”两大核心展开,既适合初学者构建基础认知框架,也为有经验的开发者提供优化建议与实战技巧。 ####
|
23天前
|
运维 监控 Java
后端开发中的微服务架构实践与挑战####
在数字化转型加速的今天,微服务架构凭借其高度的灵活性、可扩展性和可维护性,成为众多企业后端系统构建的首选方案。本文深入探讨了微服务架构的核心概念、实施步骤、关键技术考量以及面临的主要挑战,旨在为开发者提供一份实用的实践指南。通过案例分析,揭示微服务在实际项目中的应用效果,并针对常见问题提出解决策略,帮助读者更好地理解和应对微服务架构带来的复杂性与机遇。 ####