功能需求：

根據后臺接口需求，需通過異步的方式post提交上傳文件，并根據返回的信息作出相應的提示。頁面已提前寫好了，如下：

思路分析：

1、創建一個FormData空對象，然后使用append方法添加key/value。

選擇formData是因為formData傳輸的數據格式和表單通過submit()方法傳輸的數據格式一樣。添加key/value之后如果打印FormData只會得到一個空對象，但是不影響結果，因為屬性不是直接掛載在FormData實例上。你可以通過它提供的迭代器，或者get方法去取值。

2、vue中推薦使用axios，這里同意使用項目中已經安裝好了的axios。

核心代碼：

let formData = new FormData(); formData.append('id', this.ID); formData.append('file', this.file);this.$axios.post('url', formData).then(function (response) {console.log(response);})

總結

以上是生活随笔為你收集整理的vue中通过post方式异步上传文件的全部內容，希望文章能夠幫你解決所遇到的問題。

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