在初次使用upload組件上傳文件時(shí)炬转,出現(xiàn)了幾個(gè)風(fēng)格各異的bug蹄溉,因此做一個(gè)記錄
錯(cuò)誤的起源
使用upload組件的自動(dòng)上傳方式错蝴,上傳到項(xiàng)目后臺(tái)fdfs接口诡曙,結(jié)果瀏覽器報(bào)錯(cuò)氯迂,報(bào)405錯(cuò)誤
使用form表單和input元素進(jìn)行原生JS提交
提交到相同接口合砂,只是報(bào)跨域錯(cuò)誤愚争,并沒(méi)有發(fā)生405錯(cuò)誤
更改接口接收文件
這時(shí)決定不使用fdfs接口接收文件毒返,后臺(tái)同事重新提供一個(gè)后臺(tái)接口渊跋。但是出現(xiàn)了新的問(wèn)題腊嗡。
新的問(wèn)題 后臺(tái)只接收單個(gè)文件 不接受數(shù)組形式的文件列表
這個(gè)應(yīng)該是后臺(tái)的原因撤缴,但是后臺(tái)沒(méi)有找到解決方法,于是從前端使用一個(gè)折衷辦法叽唱,獲取filelist后遍歷list屈呕,重復(fù)添加file字段到FormData對(duì)象
fileList.forEach((value,index)=>{
formData.append("file",value)
})