javascript - 使用文件 VueJS 发送表单

Question

(这里不是前端，所以请原谅我完全无知)

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

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

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

但这并没有解决文件输入问题。

正确的前进方向是什么？

Answer 1

几个月前就有这个问题。问题是该文件没有附加到 javascript formData 对象，您需要在使用您使用的任何 http 客户端将 formDate 提交到后端之前手动执行此操作

尝试创建一个名为 file 的新数据属性，然后在文件输入标记中写入v-model="file"所以它有该文件

然后在发布请求之前尝试将该文件属性附加到 formData 对象，也许使用类似的东西

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

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