在react中使用axios上传文件

Question

我正在react使用上传文件axios。当我在做的时候

alert(values.attachedFile[0]);

但是当我发送values.attachedFile[0]帖子axios请求时，事情就发生了。

  const { result } = await axios.post(app.resourceServerUrl + '/file/upload', {
        data: values.attachedFile[0],
        headers: {
            'Content-Type': 'multipart/form-data',
        },
    });

但作为请求的一部分是空的。

我犯了什么错误？

Answer 1

要使用 axios 上传文件，您需要使用FormData：

const formData = new FormData();

// ...

formData.append("data", values.attachedFile[0]);
axios.post(app.resourceServerUrl + '/file/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
})