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

Posted 2023-02-23

【中文标题】如何在 vuetify 上的上传文件中使用 formdata？

【英文标题】：How can I use formdata in upload file on vuetify?

【发布时间】：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>

但它不起作用

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

我该如何解决这个问题？

【参考方案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'

示例 - ***.com/questions/53784888/…