formData 是一個 JavaScript API,主要用于在客戶端創建和編輯表單數據,支持文件上傳等功能。在 Vue 中,我們可以通過使用 axios 庫和 vue-axios 插件來實現表單數據提交和文件上傳。
然而,如果我們需要在 formData 中添加更多的內容,例如多個圖片文件或者是復雜的對象,則需要考慮 formData 的擴展。Vue 提供了一個較好的解決方案:Vue Formdata 擴展。
import Vue from 'vue'
import VueFormData from 'vue-form-data'
Vue.use(VueFormData)
通過上述代碼,我們可以在 Vue 實例上使用 $formData 方法。
this.$formData({
firstName: 'John',
lastName: 'Doe',
profilePicture: [file1, file2]
})
在上述代碼中,我們使用 $formData 方法創建了一個對象,其中包含了 firstName、lastName 和 profilePicture 三個屬性。profilePicture 屬性是一個數組,里面包含了兩個圖片文件。
這樣,我們就能夠方便地在 Vue 表單中添加更多的內容,不再局限于基本類型和單個文件。