发送带有文件VueJS的表格

Question

（这里没有前端，请原谅我的无知）

我有一个包含文件选择器的多部分表单，该表单和文件应发送到后端的POST端点。

我该如何在“幕后”发送此表单，而不将整个浏览器选项卡重定向到目标URL？

我发现了这篇文章：https://laracasts.com/discuss/channels/vue/submit-serialized-form-data-with-vue?page=1

但这不能解决文件输入问题。

正确的前进方向是什么？

Answer 1

几个月前出现了这个问题。问题是该文件未附加到javascript formData对象上，因此您需要手动进行此操作，然后才能使用任何正在使用的http-client

将formDate提交到后端。

尝试创建一个名为file的新数据属性，然后在文件输入标签中写入 v-model =“ file”，因此它具有该文件

然后在发布请求之前尝试将文件属性附加到formData对象上，诸如此类

let formData = new FormData();
formData.append('file', this.file);

当我尝试解决该问题时，它对我有用，它也应该与您一起工作。如果没有，请告诉我