這次給大家帶來axios發送post請求提交圖片表單步驟詳解，axios發送post請求提交圖片表單的注意事項有哪些，下面就是實戰案例，一起來看一下。

DOME

接口const userUploadAtt = (File,config) => axios.post("接口",File,config)

處理數據let input = this.$refs.upload

創建一個空的FormData對象

let data = new FormData();

使用FormData.append來添加鍵/值對到表單里面;

data.append('file', input.files[0]);

upload(){

userUploadAtt(data,{headers: {'Content-Type': 'multipart/form-data'}}).then((response)=>{

this.headPhoto = response.data[0].msg.url;

}).catch(()=>{

})

}

注意：

如果axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'

post請求時候表單上傳不需要引入qs.stringify()

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

總結

以上是生活随笔為你收集整理的ios php 表单提交图片上传,axios发送post请求提交图片表单步骤详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。