发送带有文件 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);

当我试图解决这个问题时，它对我有用，它也应该对你有用。如果没有，请告诉我