form ファイルをアップロードする際のenctypeフィールドの用途は何ですか?
2022-01-26 01:50:34
FORM要素のenctype属性は、フォーム・データをサーバに送信する際に使用されるエンコーディングの種類を指定します。
このエンコーディングメソッドは、フォームを送信する前にコンテンツをurlencodeでエンコードします。(スペースは "+" に変換され、特殊文字は ASCII HEX 値に変換されます)。
例えば、フォーム・フィールドに
firstnameはbb ,.で埋まっています。
送信前の最終結果は、bb+%2C%2Cとなります。
しかし、このエンコーディングは、大量のテキスト、非ASCII文字を含むテキスト、バイナリデータをサーバーに送信する場合には非効率的です。
ファイルをアップロードする際のエンコード形式は、テキストとバイナリの両方に対応した "multipart/form-data" を使用する必要があります。
ブラウザ側の <form> フォームの ENCTYPE 属性は multipart/form-data で、転送するデータはマルチメディア転送プロトコルを使用するように指示されており、マルチメディア転送は大容量データなので、ファイルアップロードは post メソッドでなければならず、 <input> のタイプ属性は file でなければならないと指定されています。
このエンコーディングメソッドは、フォームを送信する前にコンテンツをurlencodeでエンコードします。(スペースは "+" に変換され、特殊文字は ASCII HEX 値に変換されます)。
例えば、フォーム・フィールドに
firstnameはbb ,.で埋まっています。
送信前の最終結果は、bb+%2C%2Cとなります。
しかし、このエンコーディングは、大量のテキスト、非ASCII文字を含むテキスト、バイナリデータをサーバーに送信する場合には非効率的です。
ファイルをアップロードする際のエンコード形式は、テキストとバイナリの両方に対応した "multipart/form-data" を使用する必要があります。
ブラウザ側の <form> フォームの ENCTYPE 属性は multipart/form-data で、転送するデータはマルチメディア転送プロトコルを使用するように指示されており、マルチメディア転送は大容量データなので、ファイルアップロードは post メソッドでなければならず、 <input> のタイプ属性は file でなければならないと指定されています。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
divにcontentEditable=trueを設定すると、内容をリセットした後にカーソルを配置できない。
-
html+cssによる階層型ピラミッドの作成例
-
HTMLテーブルのマウスドラッグ&ドロップによる並べ替え機能
-
PHP-HTMLhtml重要知識メモ(必見)
-
htmlマルチメディアアプリケーションのウェブページにフラッシュアニメーションと音楽を挿入する。
-
HTML 相対パス・絶対パス徹底理解講座
-
HTMLエンベデッドWMP対応クローム、アイ書き込み方法詳細
-
IE8でIE7互換モードを起動させるためのコード
-
IE6が最も使われている理由
-
共通するイベントやメソッドをhtmlテキストで詳しく解説