HTML源碼中 form 標籤的 enctype 屬性

定義：enctype 屬性規定在發送到服務器之前應該如何對錶單數據進行編碼。默認地，表單數據會編碼爲 “application/x-www-form-urlencoded”。即在發送到服務器之前，所有字符都會進行編碼（空格轉換爲 “+” 加號，特殊符號轉換爲 ASCII HEX 值）。

屬性值：

大家應該清楚在通過POST方式向服務器發送AJAX請求時，需要指定請求頭Content-Type爲application/x-www-form-urlencoded編碼類型；表單上傳文件時，需要指定請求頭Content-Type爲”multipart/form-data”；純文本傳輸時，爲防止接收數據時出現編碼混亂，需要指定請求頭Content-Type爲”text/plain”。
以下爲三者的區別：

> application/x-www-form-urlencoded

該屬性值是通過表單發送數據時默認的編碼類型，如果未在HTML的from標籤中設置enctype屬性，則默認值就是application/x-www-form-urlencoded。設置該屬性值後，會將表單中發送的數據編碼爲“名稱/值”對，這是標準的編碼格式。當表單的Action爲POST時，瀏覽器會將表單數據封裝到http請求的body中，然後發送到服務器。當表單的Action爲GET時，會將表單中發送的數據轉換成一個字符串(name1=value1&name2=value2)，然後把該字符串附加到URL後面，並用?分割，接着就請求這個新的URL。

> multipart/form-data

在向服務器發送大量的文本、包含非ASCII字符的文本或二進制數據時，“application/x-www-form-urlencoded”這種編碼方式效率比較低。因此在文件上傳時，所使用的編碼類型是“multipart/form-data”，它既可以發送文本數據，也支持二進制數據上傳。
瀏覽器端表單的Enctype屬性值設置爲multipart/form-data時，則表示傳輸的數據要用到多媒體傳輸協議，由於多媒體傳輸的都是大量的數據，所以規定上傳文件必須是POST方法，的type屬性必須是file。(表單裏有圖片上傳也需要設置Enctype=”multipart/form-data”)。如下：

<form name="userInfo" method="post" action="second_submit.jsp"    ENCTYPE="multipart/form-data">

表單標籤中設置enctype=”multipart/form-data”來確保匿名上載文件的正確編碼。如下：

<tr>
      <td height="30" align="right">上傳頭像圖片：</td>
      <td><INPUT TYPE="FILE" NAME="uploadfile" SIZE="34"    onChange="checkimage()"></td>
</tr>

當表單中有file類型控件時，如果希望它能正常工作，則必須設置Enctype爲”multipart/form-data”，此時瀏覽器會將整個表單以控件爲單位分割，併爲每個部分加上Content-Disposition(form-data或者file)，Content-Type(默認爲text/plain)，name(控件name)等信息，並加上分割符（boundary)。

注：enctype=”multipart/form-data”是上傳二進制數據; form裏面的input的值以2進制的方式傳過去。
form裏面的input的值以2進制的方式傳過去，所以request就得不到值了。 也就是說加了這段代碼,用request就會傳遞不成功,取表單值加入數據庫時，用到下面的：

//新建一個SmartUpload對象
SmartUpload su = new SmartUpload();
//取數組值
su.getRequest().getParameterValues();
//取單個參數單個值
su.getRequest().getParameter( );

> text/plain

數據以純文本形式進行編碼，其中不含任何控件或格式字符

> 關於”application/x-www-form-urlencoded”和”multipart/form-data”的消息區別

可以看下面的例子：
這是一個表單，有2個表單域：name和email
---------------------------------------------
| field     value                     |
| name:  ryan ou                      |
| email:  [email protected]   |
---------------------------------------------

在 application/x-www-form-urlencoded 消息中:

//不同的field會用"&"符號連接;空格被替換成"+";field和value間用"="聯繫等等
name=ryan+ou&email=[e-mail]

在multipart/form-data 消息中:

//每個field被分成小部分，而且包含一個value是"form-data"的"Content-Disposition"的頭部；一個"name"屬性對應field的ID等等
-----------------------------7cd1d6371ec
Content-Disposition: form-data; name="name"

ryan ou
-----------------------------7cd1d6371ec
Content-Disposition: form-data; name="email"

[e-mail]
-----------------------------7cd1d6371ec
Content-Disposition: form-data; name="Logo"; filename="D:\My Documents\My Pictures\Logo.jpg"
Content-Type: image/jpeg