FormData 是用于創建表單數據的API， 針對表單數據，我們可以調用 append 方法來添加字段。 在 Vue.js 中，我們通常會需要用到 axios / fetch 發送表單數據。 如果數據非常大，或者需要支持發送二進制文件，則 FormData 是一個不二選擇。

var formData = new FormData();
formData.append('username', 'Chris');
formData.append('userpic', fileInputElement.files[0]);
// 在這里，我們可以通過 for...of 來迭代 formData。let data of formData.entries()。

所以在 Vue.js 中使用 FormData 時，需要再 constructor 聲明我們的 this.formData = new FormData() 或使用 const formData = new FormData(document.getElementById(“form”)) 等初始化 FormData 的方法。

data() {
return {
formData: new FormData(),
// ...
}
}

當使用 axios / fetch 或其他 ajax 請求庫時，將 formData 作為參數發送即可：

axios({
method: 'post',
url: '/post',
data: this.formData
})

此外，我們還可以使用 axios 的配置 headers 來設置請求頭：

axios({
method: 'post',
url: '/post',
headers: {
'Content-Type': 'multipart/form-data' // 如果要發送二進制文件，需要設置請求頭
},
data: this.formData
})