在反应中使用axios上传文件

Question

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

alert(values.attachedFile[0]);

但是当我在 axios 中发送 values.attachedFile[0] 时 post 请求空了。

  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'
    }
})

在反应中使用axios上传文件

file upload using axios in react

javascript

api

reactjs

axios

nestjs