如何在 vuetify 上的上传文件中使用 formdata？答案

【问题标题】：How can I use formdata in upload file on vuetify?如何在 vuetify 上的上传文件中使用 formdata？
【发布时间】：2020-06-04 12:10:52
【问题描述】：

我尝试这样：https://codepen.io/positivethinking639/pen/OJVRjGL?editors=1010

我的代码：

<v-form>
  <v-file-input multiple 
                v-model="documents"
                label="File input"></v-file-input>
  <v-btn color="success" @click="submit()">
    test
  </v-btn>
</v-form>

但它不起作用

如果我上传文件并单击按钮测试，控制台上的表单数据为空

我该如何解决这个问题？

【问题讨论】：

标签： vue.js file-upload vuejs2 vue-component vuetify.js

【解决方案1】：

您可以简单地使用展开运算符来查看表单数据。 FormData 是 XMLHttpRequest 规范的一部分。

console.log(...formData);

【讨论】：

【解决方案2】：

您不能直接在控制台上打印 formData。

试试这个。

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

Codepen - https://codepen.io/positivethinking639/pen/OJVRjGL?editors=1010

【讨论】：

我想问。使用formdata发送和不使用formdata发送有什么区别？
要使用 Axios 发送文件时使用的表单数据
我使用 axios 发送文件
我得到的参考只是添加headers: {'Content-Type': 'multipart/form-data' }
示例 - stackoverflow.com/questions/53784888/…