http请求头 Content-Type 详解（一）

最新推荐文章于 2025-06-10 14:41:46 发布

mika85489

最新推荐文章于 2025-06-10 14:41:46 发布

阅读量1.7w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web开发文章标签： http

本文链接：https://blog.csdn.net/mika85489/article/details/79145589

web开发专栏收录该内容

17 篇文章

订阅专栏

本文主要介绍了HTTP请求中Content-Type头的使用，特别是在HTML表单提交时的作用。内容包括application/x-www-form-urlencoded和multipart/form-data两种类型的请求，详细解析了它们的请求头结构和请求体的数据格式，特别是multipart/form-data中boundary的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本篇介绍以html表单提交数据为例，讲述content-type头

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试表单提交Post</title>
</head>
<body>
    <form action="post.php" method="post">
        <input type="text" name='username'>
        <input type="text" name='password'>
        <input type="submit">
    </form>
</body>
</html>

这种最常见的表单，它的请求头为：

POST /test/httpPost/post.php HTTP/1.1
Host: localhost
Connection: keep-alive
Content-Length: 27
Cache-Control: max-age=0
Origin: http://localhost
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36
Content-Type: application/x-www-form-urlencoded
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8
Referer: http://localhost/test/httpPost/index.html
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.8
Cookie: pgv_pvi=8193968128

请求体：
username=zzzz&password=tttt
这里需要注意的是，请求体里的值是经过url encode的

另一种比较复杂的http请求是这样的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试表单提交Post</title>
</head>
<body>
    <form action="post.php" method="post" enctype="multipart/form-data">
        <input type="text" name='username'>
        <input type="text" name='password'>
        <input type="file" name='picture'>
        <input type="submit">
    </form>
</body>
</html>

申明了content-type的值为multipart/form-data

这种http post请求头为：
POST /test/httpPost/post.php HTTP/1.1

Host: localhost
Connection: keep-alive
Origin: http://localhost
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36
Content-Type: multipart/form-data; boundary=—-WebKitFormBoundaryo8HMWnZkFmHAvcTX

声明为这种类型时，后面的boundary参数指定每个参数之间的分隔符
请求体为：
——WebKitFormBoundaryo8HMWnZkFmHAvcTX
Content-Disposition: form-data; name=”username”

aaa
——WebKitFormBoundaryo8HMWnZkFmHAvcTX
Content-Disposition: form-data; name=”password”

bbb
——WebKitFormBoundaryo8HMWnZkFmHAvcTX
Content-Disposition: form-data; name=”picture”; filename=”1488794518kqnZP.jpg”
Content-Type: image/jpeg

——WebKitFormBoundaryo8HMWnZkFmHAvcTX–

注意这时候的值没有经过url encode