向服务器提交时的3种Content-Type

  • application/x-www-form-urlencoded：窗体数据被编码为key/value的形式。这是标准的编码格式。这是默认的方式。

    当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2…），然后把这个字串append到url后面，用 ? 分割，加载这个新的url。
    当action为post时候，浏览器把form数据封装到http body中，然后发送到server。 如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。

但是如果有type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息，并加上分割符(boundary)。

  • multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。二进制数据传输方式，主要用于上传文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    Content-Type: multipart/form-data; boundary=<Boundary>
    --<Boundary>

    Content-Disposition: form-data; name="key"
    <resource_key>
    --<Boundary>

    Content-Disposition: form-data; name="x:<custom_field_name>"
    <custom_value>
    --<Boundary>

    Content-Disposition: form-data; name="token"
    <upload_token>
    --<Boundary>

    Content-Disposition: form-data; name="file"; filename="[文件名]"
    Content-Type: <MimeType>
    [文件内容]
    --<Boundary>--

  • text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。