如何在axios发布请求中传递formData和body参数

时间:2020-04-01 13:45:12

标签: javascript reactjs

我想在axios post请求中的body参数中传递formdata和data,我尝试了一些方法,但是不起作用。 //代码

here

2 个答案:

答案 0 :(得分:0)

您需要为相应的内容类型提供有效的标题

axios({
    method: 'post',
    url: 'http://localhost:3000/api/upload',
    data: form,
    headers: {'Content-Type': 'multipart/form-data' }
    })

答案 1 :(得分:0)

您正试图在FormData中传递文件,这是不可能的,您需要使用FormUrlEncoded。为此,您还需要安装一个名为query-string的npm软件包,然后您的数据属性将如下所示:

import qs from 'query-string';
...
axios.post(..., data:qs.stringify({
  file: this.state.selectedFile
})