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)
浅析application/x-www-form-urlencoded和multipart/form-data的区别 - 简书 (jianshu.com) (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)