form表單經常用于前端發(fā)送請求，比如：用戶填寫信息、選擇數據、上傳文件，對于不同的場景，上傳數據的格式也會有些區(qū)別。

網站設計、網站建設服務團隊是一支充滿著熱情的團隊，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯的標準與要求，同時竭誠為客戶提供服務是我們的理念。成都創(chuàng)新互聯公司把每個網站當做一個產品來開發(fā)，精雕細琢，追求一名工匠心中的細致，我們更用心！
action

action 表示該請求的 url 地址，定義在form上，請求的URI，可以寫完整，也可以以斜線開頭，會自動拼接域名端口號。

本地通過 nodejs 在8000端口起了一個服務，當 button 的 type 為 submit 時，點擊后會默認發(fā)送請求。

   賬號：   密碼：提交

在瀏覽器中表單就是這樣顯示的，在賬號密碼的輸入框中分別輸入內容

點擊提交按鈕時，會將輸入的內容自動拼接在 action 參數之后

method

method 屬性規(guī)定了此次 HTTP 請求的方法。

• GET 參數直接拼接在 url 后面，默認的形式
• POST 參數放在請求體中

   賬號：   密碼：提交

當使用POST請求時，填寫信息點擊提交按鈕，參數不再拼接到 url 后面，而是放到 body 中，仍然以 & 拼接。

enctype

enctype 決定著POST請求時，請求體的編碼方式。

• application/x-www-form-urlencoded 不寫時默認屬性，用&分隔參數，用=分隔鍵和值，字符用URL編碼方式進行編碼，GET請求和POST請求都可用
• multipart/form-data 多用于文件上傳，用于POST請求

   昵稱：   頭像：提交

填寫信息并選擇文件

當請求方法改為 get 時，url 上只拼接了上傳文件的名稱，沒有將文件的具體內容發(fā)送到服務器端。

當請求方法為 post 時，multipart/form-data 才有著其作用，通過抓包工具追蹤的HTTP流來看，請求報文的 Content-Type 中，boundary 后面有一串字符，這個字符就用于拼接用戶輸入、上傳的數據

而上傳的圖片信息，將以二進制數據的形式傳遞

每一項數據通過兩個短橫線+ bounary= 后面的字符相隔，這里是----WebKitFormBoundaryBFUEET96fRvnOc3r，服務器獲取數據時，通過這個標識來截取即可。

以上就是文件上傳的multipart/form-data屬性的內容 ， 更多有關前端、網絡協議的內容可以參考我其它的博文，持續(xù)更新中~

你是否還在尋找穩(wěn)定的海外服務器提供商？創(chuàng)新互聯www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調度確保服務器高可用性，企業(yè)級服務器適合批量采購，新人活動首月15元起，快前往官網查看詳情吧

網站標題：文件上傳的multipart/form-data屬性，你理解了嗎-創(chuàng)新互聯
分享地址：http://weahome.cn/article/djcihd.html