前端上傳檔案使用FormData給後端傳參
阿新 • • 發佈:2020-12-26
這個傳參格式已經沒什麼說的價值了,因為從業的人肯定都用過,但是啊,但是今天有人問我了,所以再說說吧
首先,先把引數轉換為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
,但是後面並沒有有效值,這就是今天要說的問題:
!!!這個請求頭,去掉它,不要加啊,不要加,瀏覽器會預設加上的!
突然就完了