理解HTTP之 content-type

1,846

基本介绍与句法

content-typeHTTP 的首部字段,用于指示资源的 MIME 类型,说明请求或返回的消息主体是用何种方式编码。

在响应中,Content-Type 标头告诉客户端实际返回的内容的内容类型。

在请求中, (如 POSTPUT),客户端告诉服务器实际发送的数据类型。

句法

Content-Type: text/html; charset=utf-8
Content-Type: multipart/form-data; boundary=something

上面列的两个Content-Type是通用的句法结构:

  • text/html,是指请求的 MIME(media-type),他分为两个部分 typesubtype,以“/”进行分割;subtypetype 的详细信息。例如 text/plaintext 指文本,plaintext 进一步限制,指纯文本。 常见的 type 有:

    • Text:用于标准化地表示的文本信息,文本消息可以是多种字符集和或者多种格式的;
    • Multipart:用于连接消息体的多个部分构成一个消息,这些部分可以是不同类型的数据;
    • Application:用于传输应用程序数据或者二进制数据;
    • Message:用于包装一个E-mail消息;
    • Image:用于传输静态图片数据;
    • Audio:用于传输音频或者音声数据;
    • Video:用于传输动态影像数据,可以是与音频编辑在一起的视频数据格式。
  • charset:是指定字符编码的标准,常见的有"ISO-8859-1"、"UTF-8"、"GB2312“,”ASCII“等;

  • boundary:多用于上传文件时使用,用于分割数据;

MIME type (现在称为“媒体类型(media type)”,但有时也是“内容类型(content type)”)是指示文件类型的字符串,与文件一起发送(例如,一个声音文件可能被标记为 audio/ogg,一个图像文件可能是 image/png)。 它与传统Windows上的文件扩展名有相同目的。

常用类型

常见的 media-type 有:

  • text/html
  • text/plain
  • text/css
  • text/javascript
  • application/xml
  • application/x-www-form-urlencoded
  • application/json
  • multipart/form-data

前面的几种都比较简单,下面主要介绍一下后面几种类型。

application/x-www-form-urlencoded

这是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

比如下面一个简单的表单:

<form action="http://homeway.me/post.php" method="POST">
    <input type="text" name="name" value="homeway">
    <input type="text" name="key" value="nokey">
    <input type="submit" value="submit">
</form>

首先,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都会进行 URL 转码。

multipart/form-data

常见的 POST 数据提交的方式。我们使用表单上传文件时(type=file),必须让 form 的 enctype 等于这个值。如果上传照片,文件等,由于很多情况下都会有批量上传,为了区分不同的数据,multipart/form-data的类型有boundary参数进行分割,

<form action="/" method="post" enctype="multipart/form-data">
  <input type="file" name="file1" value="some text">
  <input type="file" name="file2">
  <button type="submit">Submit</button>
</form>
------WebKitFormBoundary18bktajg65CSIx4j
Content-Disposition: form-data; name="files"; filename="test1.txt"
Content-Type: text/plain

this is file1;
------WebKitFormBoundary18bktajg65CSIx4j
Content-Disposition: form-data; name="files"; filename="test2.txt"
Content-Type: text/plain

this is file2;
------WebKitFormBoundary18bktajg65CSIx4j--

上面请求是上传了两个文件,分别是 test1.txt 和test2.txt,文件内容分别是“this is file1;” 和 “this is file2;” 可以看到两个文件由于是文本,Content-Type 为 text/plainContent-Disposition 中包含 namefilename 属性,name 是 form 表单提交内容里的 name 属性,文件之间有 ------WebKitFormBoundary18bktajg65CSIx4j 这样一串字符隔开,这串字符就是 boundary 分割符,字符串随机生成不会与文本内容重复。

application/json

application/json 是 POST 请求以 JSON 的格式向服务请求发起请求或者请求返回 JSON 格式的响应内容,服务端接收到数据后对 JSON 进行解析拿到所需要的参数。这也是现在用的比较多的一种形式。

POST [http://www.example.com](http://www.example.com) HTTP/1.1 
Content-Type: application/json;charset=utf-8 

// body 
{"title":"test","sub":[1,2,3]}