沉梦听雨的编程指南 沉梦听雨的编程指南
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM
  • 新特性
  • 计算机网络
  • 操作系统
  • 数据结构与算法
  • 基础篇
  • MySql
  • Redis
  • 达梦数据库
  • Spring
  • SpringBoot
  • Mybatis
  • Shiro
  • 设计须知
  • UML画图
  • 权限校验
  • 设计模式
  • API网关
  • RPC
  • 消息队列
  • SpringCloud
  • 分布式事务
  • 云存储
  • 搜索引擎
  • 多媒体框架
  • 虚拟机
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • 随笔
  • 前端环境搭建
  • HTML与CSS
  • JS学习
  • Vue3入门
  • Vue3进阶
  • 黑马Vue3
  • 脚手架搭建
  • 瑞吉外卖
  • 黑马点评
  • vue-blog
  • 沉梦接口开放平台
  • 用户中心
  • 聚合搜索平台
  • 仿12306项目
  • 壁纸小程序项目
  • RuoYi-Vue
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
Github (opens new window)

沉梦听雨

时间是最好的浸渍剂,而沉淀是最好的提纯器🚀
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM
  • 新特性
  • 计算机网络
  • 操作系统
  • 数据结构与算法
  • 基础篇
  • MySql
  • Redis
  • 达梦数据库
  • Spring
  • SpringBoot
  • Mybatis
  • Shiro
  • 设计须知
  • UML画图
  • 权限校验
  • 设计模式
  • API网关
  • RPC
  • 消息队列
  • SpringCloud
  • 分布式事务
  • 云存储
  • 搜索引擎
  • 多媒体框架
  • 虚拟机
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • 随笔
  • 前端环境搭建
  • HTML与CSS
  • JS学习
  • Vue3入门
  • Vue3进阶
  • 黑马Vue3
  • 脚手架搭建
  • 瑞吉外卖
  • 黑马点评
  • vue-blog
  • 沉梦接口开放平台
  • 用户中心
  • 聚合搜索平台
  • 仿12306项目
  • 壁纸小程序项目
  • RuoYi-Vue
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
Github (opens new window)
  • 开发工具篇

  • 工具库篇

  • 开发技巧篇

  • 工具类系列

  • 随笔

    • 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/9/25 11:16:13
IIS使用小记
开发疑惑

← IIS使用小记 开发疑惑→

Theme by Vdoing | Copyright © 2023-2025 沉梦听雨 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式