最近在參與乙個專案過程中遇到乙個問題，相信大部分人都遇到過：
咋一看，對於介面引數比較少的api前端轉換沒有什麼，但是對於一般的互動複雜，引數比較多的介面，要對大部分引數進行型別轉換就是一種吃力不討好的活。好在後端同學還支援另一種的前後端資料互動格式，即multipart/form-data。通過該格式後端取到前端傳遞的資料就是數字了(即使前端傳遞的是字串)，而不像json格式獲取的是字串。這樣，就不需要額外對前端獲取的資料進行特殊轉換了。下面就來說說form-data。
multipart/form-data是基於post方法來傳遞資料的，並且其請求內容格式為content-type: multipart/form-data,用來指定請求內容的資料編碼格式。另外，該格式會生成乙個boundary字串來分割請求頭與請求體的，具體的是以乙個boundary=$來進行分割，偽碼如下：
...
content-type: multipart/form-data; boundary=$
--$...
...--$--
上面boundary=$之後就是請求體內容了，請求體內容各欄位之間以--$來進行分割,以--$--來結束請求體內容。具體可以參考下面例子：
form-data格式一般是用來進行檔案上傳的。使用表單上傳檔案時，必須讓
vue傳送form data資料格式請求
在vue中呼叫就專案的已有介面時，發現一直報500的錯誤，經過network中的請求方式進行了對比，如下圖 舊專案的介面請求 我的介面請求 經過對比，發現舊專案中的請求資料格式為form data格式，而vue中的請求資料格式為json格式，於是，我就在vue的axios請求時進行了配置，將它的請求...
設定axios格式為form data
最近在參與乙個專案過程中遇到乙個問題，相信大部分人都遇到過 咋一看，對於介面引數比較少的api前端轉換沒有什麼，但是對於一般的互動複雜，引數比較多的介面，要對大部分引數進行型別轉換就是一種吃力不討好的活。好在後端同學還支援另一種的前後端資料互動格式，即multipart form data。通過該格...
使用FormData，進行Ajax請求並上傳檔案
使用formdata，進行ajax請求並上傳檔案 form enctype multipart form data method post 這裡使用jquery，但是老版本的jquery比如1.2是不支援的，最好使用2.0或更新版本 html form id uploadform p 指定檔名 in...