1. 程式人生 > >HTML表單提交資料 application/x-www-form-urlencoded 和 multipart/form-data 區別

HTML表單提交資料 application/x-www-form-urlencoded 和 multipart/form-data 區別

概述:

在 Form 元素的語法中,EncType 表明提交資料的格式。
用 Enctype 屬性指定將資料回發到伺服器時瀏覽器使用的編碼型別。 

說明: 

application/x-www-form-urlencoded:窗體資料被編碼為名稱/值對。這是標準的編碼格式。 
multipart/form-data:窗體資料被編碼為一條訊息,頁上的每個控制元件對應訊息中的一個部分。 
text/plain:窗體資料以純文字形式進行編碼,其中不含任何控制元件或格式字元。 

補充:

form的enctype屬性為編碼方式,常用有兩種: application/x-www-form-urlencoded 和 multipart/form-data , 預設為application/x-www-form-urlencoded。 
當 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 格式 -->

--${bound}
Content-Disposition: form-data; name="Filename"
 
HTTP.pdf
--${bound}
Content-Disposition: form-data; name="file000"; filename="HTTP協議詳解.pdf"
Content-Type: application/octet-stream
 
%PDF-1.5
file content
%%EOF
--${bound}
Content-Disposition: form-data; name="Upload"
 
Submit Query
--${bound}--

相關推薦

HTML提交資料 application/x-www-form-urlencoded multipart/form-data 區別

概述: 在 Form 元素的語法中,EncType 表明提交資料的格式。 用 Enctype 屬性指定將資料回發到伺服器時瀏覽器使用的編碼型別。  說明:  application/x-www-form-urlencoded:窗體資料被編碼為名稱/值對。這是標準的編

HTML提交資料application/x-www-form-urlencodedmultipart/form-data區別

在Form元素的語法中,EncType表明提交資料的格式 用 Enctype 屬性指定將資料回發到伺服器時瀏覽器使用的編碼型別。 下邊是說明: application/x-www-form-urlencoded : 窗體資料被編碼為名稱/值對。這是標準的編

form編碼方式application/x-www-form-urlencodedmultipart/form-data區別

form元素有個enctype屬性,可以指定資料編碼方式,有如下三種: 1. application/x-www-form-urlencoded: 表單資料編碼為鍵值對,&分隔 2. multipart/form-data: 表單資料編碼為一條訊息,每個控制元件對應訊息的一部分 3. text/

常用的編碼方式 application/x-www-form-urlencodedmultipart/form-data

三、常用的編碼方式 form的enctype屬性為編碼方式,常用有兩種:application/x-www-form-urlencoded和multipart/form-data,預設為application/x-www-form-urlencoded。 1.x-www-form-u

淺析application/x-www-form-urlencodedmultipart/form-data區別

在Form元素的語法中,EncType表明提交資料的格式 用 Enctype 屬性指定將資料回發到伺服器時瀏覽器使用的編碼型別。 下邊是說明: application/x-www-form-urlencoded : 窗體資料被編碼為名稱/值對。這是標準的編碼格式

關於Content-Type中application/x-www-form-urlencoded multipart/form-data區別及用法

Form的enctype屬性表示頁面表單資料向服務端傳輸時的編碼方式,常用有兩種:application/x-www-form-urlencoded 和 multipart/form-data,預設為application/x-www-form-urlencoded。1、a

html form提交資料並後臺獲取

http://www.tuicool.com/articles/m67vMbQ 前臺: HTML的程式碼:(關鍵是要在form裡設定enctype="multipart/form-data",這樣才能在提交表單時,將檔案以二進位制流的形式傳輸到伺服器) <ht

Thinkphp5.0 html提交

cnblogs alt com image 表單 images bsp 測試 logs 首先在form表單中的action中使用url這個方法進行數據的提交,類似thinkphp5以前的U方法,直接在裏面寫上控制器/方法就好, 這樣數據就會直接提交到你填寫的控制器中的方法,

(轉)html 提交時,無法獲取到disabled屬性的input值

有效 AS 單元 java check bsp ado 控件 下拉框 input的字段當為disabled是,無法獲取值,無法改變值,所以在表單提交時,獲取不到值。可以用randomly解決這個問題。 <input name="country" id="countr

四種常見的 POST 提交數據方式(application/x-www-form-urlencodedmultipart/form-dataapplication/json,text/xml)

.org api 低版本 數據格式 orb 交互 文件類型 告訴 eba HTTP/1.1 協議規定的 HTTP 請求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 這幾種。其中 POST 一般用來向服務端提交數據,本

form提交資料的同時上傳檔案程式碼示例

                              form表單提交資料的同時在表單中上傳檔案程式碼示例    一

後端模擬網頁提交資料

     /// <summary> /// 後端模擬網頁表單提交資料 /// </summary> /// <returns></returns> public string TestFor

php接受提交資料

提交資料方式 1)、在位址列中寫    地址?name=''&password="" 2)、以a標籤的形式提交,在href地址中寫     地 址?name=''&password="" 3)、在表單中提交,

前端提交資料~php獲取內容

上圖程式碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml

layui中form提交資料的方式。

<form class="layui-form"> <div class="layui-form-item"> <input type="text" id="subTitle" name="subTitle" lay-verify="req

HTML提交後不彈出新視窗

一、修改form的target屬性 <form name="Myform" action="login/login.php" method="POST" onsubmit="return validateForm()" target="_parent" >

Form提交資料的幾種方式

一、submit提交 在form標籤中新增Action(提交的地址)和method(post),且有一個submit按鈕(<input type=’submit’>)就可以進行資料的提交,每一個input標籤都需要有一個name屬性,才能進行提交。 <form action=’http:/

HttpClient使用post方式模擬提交資料到伺服器並下載伺服器檔案

public class HttpClientPostUtil {  public static String  loginGet(String url,String username,Stri

HTML5第8次課堂筆記( 模擬form提交資料,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次課堂筆記 1.  模擬form表單提交資料:(get方式)   <body>   <formmethod="get"action="DataTest7">   <inputtype="text"name="uname"valu

Action獲取提交資料

1、使用ActionContext類ActionContext context = ActionContext.getContext(); Map<String, Object> map = context.getParameters(); Set<Stri