欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS FormData上傳文件的設(shè)置方法

 更新時間：2017年07月05日 09:41:03   作者：qq451354  
使用FormData上傳文件時，總是獲取不到req.file對象。發(fā)現(xiàn)是沒有配置對FormData導(dǎo)致的，怎么解決這個問題呢？下面小編給大家?guī)砹薐S FormData上傳文件的設(shè)置方法，需要的朋友參考下吧

使用FormData上傳文件時，總是獲取不到req.file對象。發(fā)現(xiàn)是沒有配置對FormData導(dǎo)致。

這里我是在vue中使用axios發(fā)送的請求，配置代碼如下。重點地方給出注釋

<form id="uploadform" method="POST" enctype="multipart/form-data" :action="postImgApi" ref="uploadform">
 <input type="file" name="imagefile" @change="upload" ref="inputfile">
</form>
let uploadform = this.$refs.uploadform
let inputfile = this.$refs.inputfile
let formData = new FormData(uploadform) //初始化時將form Dom對象傳入
formData.append('imagefile', inputfile) //將imagefile鍵追加進(jìn)去，值為input-file的dom對象，否則服務(wù)端無法獲取file
this.$http.post(this.postImgApi, formData, {
 headers: {
  'Content-Type': 'multipart/form-data' //設(shè)置post文件的請求頭
 }
}).then(res => {
 debugger
 this.textarea = res.data
})

這兩天也是從網(wǎng)上找了各種demo和資料，發(fā)現(xiàn)使用自己的請求是后臺就是獲取不到文件，而使用form表單的submit卻是可以。最開始分析是否是自己的請求頭的問題，發(fā)現(xiàn)content-type正確且?guī)в衎oundary，content-length也正常，說明請求頭這里應(yīng)該是沒問題的。所以從FormData這里入手，幾次嘗試后尋找到上面代碼的方式可以正常運行。這里后面有時間還是要詳細(xì)分析下FormData，好好學(xué)習(xí)下在給出深度的解釋。

以上所述是小編給大家介紹的JS FormData上傳文件的設(shè)置方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論