当前位置： 首页 > news >正文

http-为什么文件上传要转成Base64

news 2026/4/7 2:59:19

# 前言

最近在开发中遇到文件上传采用Base64的方式上传，记得以前刚开始学http上传文件的时候，都是通过content-type为multipart/form-data方式直接上传二进制文件，我们知道都通过网络传输最终只能传输二进制流，所以毫无疑问他们本质上都是一样的，那么为什么还要先转成Base64呢？这两种方式有什么区别？带着这样的疑问我们一起来分析下。

# multipart/form-data上传

先来看看multipart/form-data的方式，我在本地通过一个简单的例子来查看http multipart/form-data方式的文件上传，html代码如下

 

 

<!DOCTYPE html><html><head>    <title>上传文件示例</title>    <meta charset="UTF-8"><body><h1>上传文件示例</h1><form action="/upload" method="POST" enctype="multipart/form-data">    <label for="file">选择文件：</label>    <input type="file" id="file" name="file"><br>    <label for="tx">说明：</label>    <input type="text" id="tx" name="remark"><br><br>    <input type="submit" value="上传"></form></body></html>
 

页面展示也比较简单
 

 

 

 

选择文件点击上传后，通过edge浏览器f12进入调试模式查看到的请求信息。
 请求头如下
 

 

 

 

在请求头里Content-Type 为 multipart/form-data; boundary=----WebKitFormBoundary4TaNXEII3UbH8VKo，刚开始看肯定有点懵，不过其实也不复杂，可以简单理解为在请求体里要传递的参数被分为多部份，每一部分通过分解符boundary分割，就比如在这个例子，表单里有file和remark两个字段，则在请求体里就被分为两部分，每一部分通过boundary=----WebKitFormBoundary4TaNXEII3UbH8VKo来分隔（实际上还要加上CRLF回车换行符，回车表示将光标移动到当前行的开头，换行表示一行文本的结束，也就是新文本行的开始）。需要注意下当最后一部分结尾时需要加多两个"-"结尾。
 


 我们继续来看请求体
 

 

 

 

第一部分是file字段部分，它的Content-Type为image/png，第二部分为remark字段部分，它没有声明Content-Type，则默认为text/plain纯文本类型，也就是在例子中输入的“测试”，到这里大家肯定会有个疑问，上传的图片是放在哪里的，这里怎么没看到呢？别急，我猜测是浏览器做了特殊处理，请求体里不显示二进制流，我们通过Filder抓包工具来验证下。
 

 

 

 

可以看到在第一部分有一串乱码显示，这是因为图片是二进制文件，显示成文本格式自然就乱码了，这也证实了二进制文件也是放在请求体里。后端使用框架springboot通过MultipartFile接受文件也是解析请求体的每一部分最终拿到二进制流。
 

 

 

@RestControllerpublic class FileController {    // @RequestParam可接收Content-Type 类型为：multipart/form-data     // 或 application/x-www-form-urlencoded 请求体的内容    @PostMapping("/upload")    public String upload(@RequestParam("file") MultipartFile file) {        return "test";    }}
 

 

到此multipart/form-data方式上传文件就分析完了，关于multipart/form-data官方说明可参考 RFC 7578 - Returning Values from Forms: multipart/form-data (ietf.org)
 

 

# Base64上传
 

 

在http的请求方式中，文件上传只能通过multipart/form-data的方式上传，这样一来就会有比较大的限制，那有没其他方式可以突破这一限制，也就是说我可以通过其他的请求方式上传，比如application/json？当然有，把文件当成一个字符串，和其他普通参数没什么两样，我们可以通过其他任意请求方式上传。如果转成了字符串，那上传文件就比较简单了，但问题是我们怎么把二进制流转成字符串，因为这里面可能会有很多“坑”，业界一般的做法是通过Base64编码把二进制流转成字符串，那为什么不直接转成字符串而要先通过Base64来转呢？我们下面来分析下。
 

 

 Base64编码原理
 

 

在分析原理之前，我们先来回答什么是Base64编码？首先我们要知道Base64只是一种编码方式，并不是加解密算法，因此Base64可以编码，那也可以解码，它只是按照某种编码规则把一些不可显示字符转成可显示字符。这种规则的原理是把要编码字符的二进制数每6位分为一组，每一组二进制数可对应Base64编码的可打印字符，因为一个字符要用一个字节显示，那么每一组6位Base64编码都要在前面补充两个0，因此总长度比编码前多了(2/6) = 1/3，因为6和8最小公倍数是24，所以要编码成Base64对字节数的要求是3的倍数（24/8=3字节），对于不足字节的需要在后面补充字节数，补充多少个字节就用多少个"="表示（一个或两个），这么说有点抽象，我们通过下面的例子来说明。
 


 我们对ASCII码字符串"AB\nC"(\n和LF都代表换行)进行Base64编码，因为一共4字节，为了满足是3的倍数需要扩展到6个字节，后面补充了2个字节。
 

 

 

 

转成二级制后每6位一组对应不同颜色，每6位前面补充两个0组成一个字节，最终Base64编码字符是QUIKQw==，Base64编码表大家可以自行网上搜索查看。
 

 

 

 

我们通过运行程序来验证下
 

 

 

 

最终得出的结果与我们上面推理的一样。
 

 

Base64编码的作用
 

 

在聊完原理之后，我们继续来探讨文件上传为什么要先通过Base64编码转成字符串而不直接转成字符串？一些系统对特殊的字符可能存在限制或者说会被当做特殊含义来处理，直接转成普通字符串可能会失真，因此上传文件要先转成Base64编码字符，不能把二进制流直接字符串。
 

 

另外，相比较multipart/form-data Base64编码文件上传比较灵活，它不受请求类型的限制，可以是任何请求类型，因为最终就是一串字符串，相当于请求的一个参数字段，它不像二进制流只能限定multipart/form-data的请求方式，日常开发中，我们用的比较多的是通过apllication/json的格式把文件字段放到请求体，这种方式提供了比较便利的可操作性。
 

 

# 总结
 

 

本文最后再来总结对比下这两种文件上传的方式优缺点。
 

 

（1）multipart/form-data可以传输二进制流，效率较高，Base64需要编码解码，会耗费一定的性能，效率较低。
  
 

（2）Base64不受请求方式的限制，灵活度高，http文件二进制流方式传输只能通过multipart/form-data的方式，灵活度低。
 


 因为随着机器性能的提升，小文件通过二进制流传输和字符串传输，我们对这两种方式时间延迟的感知差异并不那么明显，因此大部分情况下我们更多考虑的是灵活性，所以采用Base64编码的情况也就比较多。














相关文章：
















http-为什么文件上传要转成Base64




# 前言 最近在开发中遇到文件上传采用Base64的方式上传&#xff0c;记得以前刚开始学http上传文件的时候&#xff0c;都是通过content-type为multipart/form-data方式直接上传二进制文件&#xff0c;我们知道都通过网络传输最终只能传输二进制流&#xff0c;所以毫无疑问他们本…...






编程日记
2023/7/27 7:27:38



















htmlCSS-----定位




目录 
前言 
定位 分类和取值 
定位的取值 1.相对定位 2.绝对位置 
元素居中操作 
3.固定定位 前言 今天我们来学习html&CSS中的元素的定位&#xff0c;通过元素的定位我们可以去更好的将盒子放到我们想要的位置&#xff0c;下面就一起来看看吧&#xff01; 
定位 定位posi…...






编程日记
2023/7/27 7:26:37



















腾讯云大数据型CVM服务器实例D3和D2处理器CPU型号说明




腾讯云服务器CVM大数据型D3和D2处理器型号&#xff0c;大数据型D3云服务器CPU采用2.5GHz Intel Xeon Cascade Lake 处理器&#xff0c;大数据型D2云服务器CPU采用2.4GHz Intel Xeon Skylake 6148 处理器。腾讯云服务器网分享云服务器CVM大数据型CPU型号、处理器主频性能&#x…...






编程日记
2023/7/27 7:25:36



















计算机科学cs/电子信息ei面试准备——数学基础/线性代数复习




1. 中值定理 
中值定理是反映函数与导数之间联系的重要定理&#xff0c;也是微积分学的理论基础&#xff0c;在许多方面它都有重要的作用&#xff0c;在进行一些公式推导与定理证明中都有很多应用。中值定理是由众多定理共同构建的&#xff0c;其中拉格朗日中值定理是核心&…...






编程日记
2023/7/27 7:24:35



















极速查找（2）-算法分析




篇前小言 
本篇文章是对查找&#xff08;1&#xff09;的续讲线性索引查找 
线性索引查找&#xff08;Linear Index Search&#xff09;是一种基于索引的查找算法。它在数据集合中创建一个索引
结构&#xff0c;然后使用该索引结构来加快对目标元素的查找。
线性索引是一种在数…...






编程日记
2023/7/27 7:23:34



















flask路由添加参数




flask路由添加参数 
在 Flask 中&#xff0c;可以通过两种方式在路由中添加参数&#xff1a;在路由字符串中直接指定参数&#xff0c;或者通过 request 对象从请求中获取参数。 在路由字符串中指定参数&#xff1a;可以将参数直接包含在路由字符串中。参数可以是字符串、整数、…...






编程日记
2023/7/27 7:22:33



















网络安全系统教程+学习路线（自学笔记）




一、什么是网络安全 
网络安全可以基于攻击和防御视角来分类&#xff0c;我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术&#xff0c;而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 
无论网络、Web、移动、桌面、云等哪个领域&#xff0c;都有攻与防两面…...






编程日记
2023/7/27 7:21:32



















23. 合并 K 个升序链表




题目描述 
给你一个链表数组&#xff0c;每个链表都已经按升序排列。 
请你将所有链表合并到一个升序链表中&#xff0c;返回合并后的链表。 
示例 1&#xff1a; 
输入&#xff1a;lists  [[1,4,5],[1,3,4],[2,6]]
输出&#xff1a;[1,1,2,3,4,4,5,6]
解释&#xff1a;链表数组…...






编程日记
2023/7/27 7:20:31



















Nexus3部署、配置+SpringBoot项目Demo




Docker部署Nexus 搜索Nexus3镜像&#xff1a;[rootlocalhost ~]# docker search nexus 拉取Nexus3镜像&#xff1a;[rootlocalhost ~]# docker pull sonatype/nexus3 启动Nexus3前查看虚拟机端口是否被占用&#xff1a;[rootlocalhost ~]# netstat -nultp 通过Docker Hub查看安…...






编程日记
2023/7/27 7:19:30



















linux下用docker安装mysql




1.mysql Docker镜像 
docker pull mysql:[版本号 或 latest]例&#xff1a;docker pull mysql:5.7 
2.查看拉取的docker镜像 
docker images3.设置 Docker 卷 
docker volume create mysql-data列出 Docker 已知的所有卷 
docker volume ls4.运行一个 MySQL Docker 容器 
docke…...






编程日记
2023/7/27 7:18:29



















Vue - 可视化用户角色、菜单权限、按钮权限配置(动态获取菜单路由)




GitHub Demo 地址 在线预览  前言 关于动态获取路由已在这里给出方案 Vue - vue-admin-template模板项目改造&#xff1a;动态获取菜单路由 这里是在此基础上添加了系统管理模块&#xff0c;包含用户管理&#xff0c;角色管理&#xff0c;菜单管理&#xff0c;字典管理&#xf…...






编程日记
2023/7/27 7:17:27



















hive库操作示例




hive库操作示例 
1、常规表 
创建数据库 
CREATE DATABASE mydatabase;使用数据库 
USE mydatabase;创建表 
CREATE TABLE mytable (id INT,name STRING,age INT
)
ROW FORMAT DELIMITED
FIELDS TERMINATED BY ,
STORED AS TEXTFILE;插入数据 
INSERT INTO TABLE mytable VALUE…...






编程日记
2023/7/27 7:16:26



















LeetCode第 N 个泰波那契数 (认识动态规划)




认识动态规划 编写代码代码空间优化 链接: 第 N 个泰波那契数 编写代码 
class Solution {
public:int tribonacci(int n) {if(n  0){return 0;}else{if(n 1 || n  2)return 1;}vector<int> dp(n  1);dp[0]  0;dp[1]  1;dp[2]  1;for(int i  3;i < n;i){dp[i] dp[i-3]…...






编程日记
2023/7/27 7:15:25



















线程安全问题（内存可见性）




导致的原因 内存可见性问题的出现主要是因为编译器优化多线程导致的 
示例代码 
package 线程安全问题;import java.util.Scanner;/*** Created with IntelliJ IDEA.* Description:* User: wuyulin* Date: 2023-07-26* Time: 13:49*/
public class Demo2 {private volatile sta…...






编程日记
2023/7/27 7:14:24



















STM32MX配置EEPROM(AT24C02)------保姆级教程




———————————————————————————————————— ⏩ 大家好哇&#xff01;我是小光&#xff0c;嵌入式爱好者&#xff0c;一个想要成为系统架构师的大三学生。 ⏩最近在开发一个STM32H723ZGT6的板子&#xff0c;使用STM32CUBEMX做了很多驱动&#x…...






编程日记
2023/7/27 7:13:23



















微信小程序 样式和全局配置




WXSS 
wxss 把屏幕分为750个物理像素&#xff0c;大屏大&#xff0c;小屏小&#xff0c;随着设备不一致自动适配 
推荐使用iPhone6作为标准&#xff0c;1个rpx  0.5个px&#xff0c;把px乘以2就是rpx的参数 
import   
导入外部样式表 
import /common/common.wxss 样式 权重一…...






编程日记
2023/7/27 7:12:22



















一.初识C语言




一.初识C语言 
C语言标准规定&#xff1a; sizeof(long)>sizeof(int)就可以了变量要定义在当前代码块的最前面 
#defin _CRT_SECURE_NO_WARNINGS 1#include <stdio.h>  //包含一个stdio.h的文件 std-标准standard input outputint main() //主函数-程序的入口-main函数…...






编程日记
2023/7/27 7:11:21



















filebeat到kafka示例




docker run -d \   --namefilebeat_7.14_0 \            #filebeat名称   --userroot \   --volume"/data/filebeat/filebeat.yml:/usr/share/filebeat/filebeat.yml" \  #映射filebeat.yml配置   --volume"/data/filebeat/log:/usr/share/filebeat/log" \…...






编程日记
2023/7/27 7:10:20



















AlmaLinux系统下的Zabbix汉化




我安装的是zabbix下的虚拟机&#xff0c;安装完成后&#xff0c;直接可以打开网站了&#xff0c;但是界面是英文&#xff0c;看了设置&#xff0c;没有中文选项&#xff0c;就需要在系统中安装中文字符集了。 
# locale -a         #查看里面没有zh_CN之类的项
# dnf install -…...






编程日记
2023/7/27 7:09:19



















【网络编程】(TCP流套接字编程 ServerSocket API Socket API 手写TCP版本的回显服务器 TCP中的长短连接)




文章目录 网络编程TCP流套接字编程ServerSocket APISocket APITCP中的长短连接手写TCP版本的回显服务器 网络编程 
TCP流套接字编程 
TCP提供的API主要是两个类:ServerSocket 和 Socket . TCP不需要一个类来表示"TCP数据报"因为TCP不是以数据报为单位进行传输的.是以…...






编程日记
2023/7/27 7:08:18





















企业级AI应用集成实战：基于Dify API与JWT实现员工工号一键登录




企业级AI应用集成实战&#xff1a;基于Dify API与JWT实现员工工号一键登录
当企业内部的AI应用需要与现有身份系统无缝对接时&#xff0c;如何在不影响用户体验的前提下实现安全高效的统一登录&#xff1f;本文将分享一套经过生产验证的后端集成方案&#xff0c;通过Dify的SSO …...






编程新知
2026/4/7 2:03:01



















Chord视频理解工具实战教程：日志记录与分析过程可追溯性配置




Chord视频理解工具实战教程&#xff1a;日志记录与分析过程可追溯性配置 
1. 工具概览与核心价值 
Chord视频时空理解工具是一款基于Qwen2.5-VL架构开发的本地智能视频分析解决方案。这个工具专门解决视频内容深度理解的需求&#xff0c;能够对视频进行帧级特征提取和时序分析&…...






编程新知
2026/4/7 0:27:29



















MATLAB代码：基于主从博弈的电热综合能源系统DE算法优化动态定价与能量管理




MATLAB代码&#xff1a;基于主从博弈的电热综合能源系统动态定价与能量管理
关键词&#xff1a;主从博弈 电热综合能源 动态定价 能量管理   
仿真平台&#xff1a;MATLAB 平台
优势&#xff1a;代码具有一定的深度和创新性&#xff0c;注释清晰&#xff0c;非烂大街的代码&…...






编程新知
2026/4/6 23:38:35



















低压无感BLDC方波控制，代码全部源码，方便调试移植，通用性极高，支持ADC方案，最高电转速1...




低压无感BLDC方波控制&#xff0c;全部源码&#xff0c;方便调试移植&#xff01;
1.通用性极高&#xff0c;图片中的电机&#xff0c;一套参数即可启动。
2. ADC方案
3.电转速最高12w
4.电感法和普通三段式
5.按键启动和调速
6.开环&#xff0c;速度环&#xff0c;限流环
7.参…...






编程新知
2026/4/6 23:26:27



















含分布式能源电网储能容量优化 双层优化模型 改进粒子群+cplex 内层以购电成本最低 外层以...




含分布式能源电网储能容量优化
双层优化模型
改进粒子群cplex
内层以购电成本最低
外层以综合运行成本&#xff08;储能投运&#xff0c;新能源发电&#xff0c;网损等等&#xff09;
有参考文献1. 项目概述
本项目实现了一个针对含分布式能源&#xff08;光伏、风电&#xff0…...






编程新知
2026/4/6 21:05:42



















突破百度网盘限速：BaiduPCS-Web技术普惠解决方案




突破百度网盘限速&#xff1a;BaiduPCS-Web技术普惠解决方案 【免费下载链接】baidupcs-web    项目地址: https://gitcode.com/gh_mirrors/ba/baidupcs-web     
在数字化时代&#xff0c;云存储已成为个人与企业数据管理的基础设施&#xff0c;而百度网盘作为国内用户基数最大…...






编程新知
2026/4/6 20:15:17



















SEO_新手入门教程：如何从零开始学习SEO优化




SEO新手入门教程&#xff1a;如何从零开始学习SEO优化 
在当今数字化时代&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;已成为每一个希望在网络上脱颖而出的网站必不可少的技能。不论你是一个全新的网站主&#xff0c;还是一个希望提升现有网站流量的企业&#xff0c;了…...






编程新知
2026/4/6 19:43:05



















UE5蓝图实战：手把手教你用VArest插件实现HTTP请求（含JSON解析与参数设置）




UE5蓝图实战&#xff1a;用VArest插件构建高效HTTP通信系统
在虚幻引擎5的生态中&#xff0c;可视化编程已经成为非程序员开发者实现复杂功能的首选方案。当游戏需要与外部服务进行数据交互时&#xff0c;传统C网络编程的高门槛往往让美术师和策划人员望而却步。VArest插件作为…...






编程新知
2026/4/6 19:08:46



















别再乱找数据集了！搞多模态大模型，这13个任务最常用的65个基准数据集我都帮你整理好了（附官网链接）




多模态大模型实战指南&#xff1a;65个核心数据集与13大任务全景解析 
刚接触多模态大模型的研究者常会陷入"数据迷雾"——面对海量公开数据集却不知从何选起。我曾见过团队花费三周时间盲目测试不同视觉问答数据集&#xff0c;最终发现选用的基准与研究方向根本不匹…...






编程新知
2026/4/6 18:36:27



















Minecraft源码反编译终极指南：DecompilerMC完整使用教程




Minecraft源码反编译终极指南&#xff1a;DecompilerMC完整使用教程 【免费下载链接】DecompilerMC This repository allows you to decompile any minecraft version that was published after 19w36a without any 3rd party mappings, you just need to execute the script o…...






编程新知
2026/4/6 18:20:06