代码之家  ›  专栏  ›  技术社区  ›  Roger Johansson

使用文件VueJS发送表单

  •  0
  • Roger Johansson  · 技术社区  · 5 年前

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

    如果不将整个URL发送到后台,我会说“如何将整个URL发送到后台?”?

    https://laracasts.com/discuss/channels/vue/submit-serialized-form-data-with-vue?page=1

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

    1 回复  |  直到 5 年前
        1
  •  2
  •   Omar Abdo    5 年前

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

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

    然后在post请求之前,尝试将该文件属性附加到formData对象,可能是这样的

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

    当我试图解决这个问题时,它对我起了作用,它也应该对你起作用。如果没有,就告诉我