泪伤荡的编程指南 泪伤荡的编程指南
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM篇
  • 新特性
  • 进阶篇
  • 网络
  • 操作系统
  • 数据结构与算法
  • 硬件
  • 基础篇
  • MySql
  • Oracle
  • PostgreSQL
  • 达梦
  • Redis
  • Mongodb
  • Hive
  • 数据库比较
  • Spring
  • SpringMvc
  • SpringBoot
  • Hibernate
  • iBatis
  • Mybatis
  • Mybatis-plus
  • Mybatis-plus-join
  • 各个框架对比
  • UML画图
  • 设计须知
  • 开发流程
  • 开发理论
  • 架构体系
  • 设计模式
  • 开源知识
  • 分布式解决方案
  • SpringCloud
  • API网关
  • 注册中心
  • 配置中心
  • 服务调用
  • 分布式事务
  • 消息队列
  • 调度作业
  • 链路追踪
  • 服务保障
  • 搜索引擎Elk
  • 安全框架
  • 监控体系
  • 部署容器
  • Netty
  • Tomcat
  • Nginx
  • 图片云存储
  • 云存储
  • 虚拟机Linux
  • 项目部署
  • 容器部署
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • Bug记录仓库
  • 随笔
  • HTML与CSS
  • JS学习
  • Vue3入门
  • Vue3进阶
  • 黑马Vue3
  • 视频网站
  • 音乐网站
  • 商城网站
  • 论坛网站
  • scrm项目
  • Yudao-cloud
  • RuoYi-Vu-cloud
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
  • Java术语
  • 命名英语
  • 业务英语
  • 表字段英语
  • 包名英语
Github (opens new window)
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM篇
  • 新特性
  • 进阶篇
  • 网络
  • 操作系统
  • 数据结构与算法
  • 硬件
  • 基础篇
  • MySql
  • Oracle
  • PostgreSQL
  • 达梦
  • Redis
  • Mongodb
  • Hive
  • 数据库比较
  • Spring
  • SpringMvc
  • SpringBoot
  • Hibernate
  • iBatis
  • Mybatis
  • Mybatis-plus
  • Mybatis-plus-join
  • 各个框架对比
  • UML画图
  • 设计须知
  • 开发流程
  • 开发理论
  • 架构体系
  • 设计模式
  • 开源知识
  • 分布式解决方案
  • SpringCloud
  • API网关
  • 注册中心
  • 配置中心
  • 服务调用
  • 分布式事务
  • 消息队列
  • 调度作业
  • 链路追踪
  • 服务保障
  • 搜索引擎Elk
  • 安全框架
  • 监控体系
  • 部署容器
  • Netty
  • Tomcat
  • Nginx
  • 图片云存储
  • 云存储
  • 虚拟机Linux
  • 项目部署
  • 容器部署
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • Bug记录仓库
  • 随笔
  • HTML与CSS
  • JS学习
  • Vue3入门
  • Vue3进阶
  • 黑马Vue3
  • 视频网站
  • 音乐网站
  • 商城网站
  • 论坛网站
  • scrm项目
  • Yudao-cloud
  • RuoYi-Vu-cloud
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
  • Java术语
  • 命名英语
  • 业务英语
  • 表字段英语
  • 包名英语
Github (opens new window)
  • 开发工具篇

    • idea设置

      • 配置篇
      • 快捷键篇
      • debug篇
      • 插件篇
    • 玩转Git

      • 基础知识梳理
      • Git配置相关操作
      • git修改已提交人的用户名和邮箱
      • git提交规范
      • 常见问题
    • Maven相关

      • Maven简介
      • Maven常用命令
      • 依赖管理
      • Maven生命周期与插件
      • Maven项目管理工具
    • Apifox使用小结
    • nvm使用小结
    • JMeter使用小记
  • 工具库篇

    • lombok工具库

      • lombok注解使用小结
      • Builder用法解析
      • 异常相关注解
    • EasyExcel小记

      • 工具类
      • 文件导入
      • 文件导出
    • 定时任务相关

      • 基础入门
      • SpringTask学习
      • Quartz学习
    • Hutool工具库

      • 图片压缩
    • 极光推送学习
    • OkHttp学习
    • BigDecimal类详解
    • PdfBox学习
  • 开发技巧篇

    • 常见数据校验注解
    • 字符串拼接的5种方式
    • 遍历集合的N种方式
    • 集合使用注意事项总结
    • MP使用小记
    • Stream流技巧总结
    • 字符串处理最佳实践
    • SQL语句优化
    • 时间字段处理小记
    • Curl用法解析
    • 列表分页的两种实现方案
    • HashMap根据value获取key
    • Map的7种遍历方式
    • 唯一索引和逻辑删除冲突解决方法
    • 正则表达式
    • 二维码扫码登录学习
    • 脱敏最佳实践
    • 日志记录相关
  • 工具类系列

    • 手写一个文件阅读器
    • 手写一个运行耗时计算器
    • 自定义实现Java Bean属性中列表元素格式校验注解及其实现
    • 父子工程项目搭建
    • 自制代码生成器
  • 随笔

    • HttpServletRequest知识小结
    • Spring MVC 项目构建流程
    • 虚拟机固定ip地址
    • 项目部署
    • 深入理解数组
    • IIS使用小记
    • From的两种类型解析
      • application/x-www-form-urlencoded
      • multipart/form-data
      • 总结
      • 参考文档
    • 开发疑惑
    • 开发小记
    • bug解决
  • 开发日常
  • 随笔
泪伤荡
2024-04-26
目录

From的两种类型解析

# From 的两种类型解析

application/x-www-form-urlencoded 和 multipart/form-data 是两种不同的 Content-Type,它们用于定义在发送 HTTP 请求(特别是表单提交)时,如何编码和传输表单数据。下面是这两种编码方式的详细对比:

# application/x-www-form-urlencoded

特点与用途:

  • 默认编码方式:这是最常见的表单数据编码方式,浏览器在发送非文件类型的表单数据时默认使用这种方式。

  • 数据结构:键值对形式,每个键值对由 = 连接,多个键值对之间使用 & 分隔。所有字符(包括非字母数字字符)都会被 URL 编码(百分号编码)。

  • 适用场景:适合提交简单、非二进制数据,如文本字段、单选按钮、复选框等。由于数据经过编码,因此长度可能会增加,不适合传输大容量数据。

  • 文件上传:不支持文件上传。如果表单中包含 <input type="file">,则不能使用此编码方式。

  • 示例:

    key1=value1&key2=value2&key3=value3
    
    1

# multipart/form-data

特点与用途:

  • 复杂数据支持:专为上传二进制数据(如文件)设计,同时也能处理非二进制字段。它将表单数据分割为多个部分(parts),每个部分有自己的 Content-Disposition 标头,描述数据的名称、类型等信息。

  • 数据结构:每个部分由边界(boundary)分隔,边界由随机字符串生成,确保唯一性。每个部分内部可能包含多个头部(如 Content-Disposition、Content-Type)和主体(即实际数据)。文件内容未经编码,直接以二进制形式传输。

  • 适用场景:主要用于文件上传,但也可以包含其他类型的表单字段。当表单中有 <input type="file"> 元素时,必须使用 multipart/form-data 编码。

  • 文件上传:完美支持文件上传。每个文件作为一个独立的部分,其 Content-Type 标头指示文件的 MIME 类型,主体包含文件的实际二进制数据。

  • 示例:

    --boundary-string
    Content-Disposition: form-data; name="text_field"; filename="example.txt"
    Content-Type: text/plain
    
    This is the content of the file.
    --boundary-string
    Content-Disposition: form-data; name="file_field"; filename="image.jpg"
    Content-Type: image/jpeg
    
    (binary data of the image)
    --boundary-string--
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11

# 总结

  • 选择 application/x-www-form-urlencoded:当表单数据主要是【文本信息】,不含文件上传时,使用此编码方式最为合适。它简洁、高效,易于解析。

  • 选择 multipart/form-data:当表单包含【文件上传】或者需要发送大量【二进制数据】时,必须使用 multipart/form-data。虽然其编码后的数据量较大且复杂,但能确保文件内容的准确无损传输,并且支持混合不同类型的数据字段。

在实际编程中,根据表单内容和功能需求选择合适的 Content-Type,并在 HTML 表单的 enctype 属性或对应的 HTTP 客户端库(如 AJAX 请求)中明确指定。服务器端则需要根据接收到的 Content-Type 头部信息,采用相应的解码逻辑来处理请求体中的表单数据。

# 参考文档

  • form-data 和 x-www-form-urlencoded 对比,讲解两者的区别 (apifox.com) (opens new window)

  • form编码方式application/x-www-form-urlencoded和multipart/form-data的区别 - 紫long - 博客园 (cnblogs.com) (opens new window)

  • 浅析application/x-www-form-urlencoded和multipart/form-data的区别 - 简书 (jianshu.com) (opens new window)

  • form编码方式application/x-www-form-urlencoded和multipart/form-data的区别_application_form_urlencoded-CSDN博客 (opens new window)

  • multipart/form-data和application/x-www-form-urlencoded的区别-CSDN博客 (opens new window)

  • 浅析application/x-www-form-urlencoded和multipart/form-data的区别-php手册-PHP中文网 (opens new window)

上次更新: 2024/10/26 02:01:17
IIS使用小记
开发疑惑

← IIS使用小记 开发疑惑→

Theme by Vdoing | Copyright © 2024-2025 泪伤荡 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式