なぜフォームのenctypeが使用されましたか？

Question

フォームで使用される属性enctypeは何ですか？

<form id='injectFormUpload' enctype='multipart/form-data' action='' method='post'> 

Answer 1

リクエストに使用されるコンテンツタイプを指定するために使用されます。 htmlフォームには2つのコンテンツタイプがあります：application/x-www-form-urlencodedはデフォルトで、multipart/form-dataはフォームにファイルをアップロードするためのファイル入力が含まれている場合に使用されます。これは、サーバーにリクエストを送信する方法をブラウザに示します。たとえば：提出

<form id="injectFormUpload" action="" method="post"> 
    <input type="text" name="foo" value="bar" /> 
    <input type="text" name="foo2" value="baz" /> 
    <input type="submit" value="OK" /> 
</form> 

は、サーバーに次のPOSTリクエストを送信します：

POST/HTTP/1.1 
Host: www.example.com 
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1 
Content-Type: application/x-www-form-urlencoded 
Content-Length: 16 
Connection: keep-alive 

foo=bar&foo2=baz 

ファイルアップロードフィールドが含まれている次のような形式のに対し：

<form id="injectFormUpload" action="" method="post" enctype="multipart/form-data"> 
    <input type="text" name="foo" value="bar" /> 
    <input type="file" name="myfile" /> 
    <input type="submit" value="OK" /> 
</form> 

が生成される可能性があります次のリクエスト：

POST/HTTP/1.1 
Host: www.example.com 
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1 
Content-Type: multipart/form-data; boundary=---------------------------265001916915724 
Content-Length: 326 
Connection: keep-alive 

-----------------------------265001916915724 
Content-Disposition: form-data; name="foo" 

bar 
-----------------------------265001916915724 
Content-Disposition: form-data; name="myfile"; filename="test.txt" 
Content-Type: text/plain 

contents of the text file 
-----------------------------265001916915724--