1. 程式人生 > 其它 >前端上傳檔案使用FormData給後端傳參

前端上傳檔案使用FormData給後端傳參

技術標籤:Bug歸類javascriptFormData

這個傳參格式已經沒什麼說的價值了,因為從業的人肯定都用過,但是啊,但是今天有人問我了,所以再說說吧

首先,先把引數轉換為new FormData()

let formdata = new FormData();
// 如果上傳多個檔案,是陣列fileList的話,迴圈append
for(var i = 0; i < fileList.length; i ++) {
	formdata.append('files', fileList[i].originFileObj)     // 這裡切記這個originFileObj
}
// 其他引數
formdata.append('approvalAccountId',1);
formdata.append('instructionTypeId',1);

這樣寫完了,請求介面的引數是這樣:
在這裡插入圖片描述

但是介面還是不成功,大部分人都知道這樣的傳參方式需要設定請求頭:

Content-Type:multipart/form-data

但是當你設定上了以後發現,介面還是不成功,這個請求頭後面沒有boundary
在這裡插入圖片描述
好了,然後開始有人手動加上了boundary,但是後面並沒有有效值,這就是今天要說的問題:

!!!這個請求頭,去掉它,不要加啊,不要加,瀏覽器會預設加上的!


突然就完了