无法通过Springboot API使用react js上传文件

Question

我正在尝试同时上传文件列表，但无法做到。我收到一个错误，指出文件未找到，尽管文件对象存在，但在请求中它显示它是一个

[object Object]

，尽管它应该是一个文件二进制文件。

我的代码就是这样的

data.forEach(element => {
    var formData = new FormData();
    data.actualFiles.forEach(
        file => {
            if (file.fileName === element.attachmentUIDTO.fileName) {
                formData.append('file', file);
            }
        }
    )
    
    const resUpload = api.post(`${serviceEnpoints.PRFS_UPLOAD}`, formData);
}

主要问题发生在我在列表中迭代它时。我不确定我在这里做错了什么。

Answer 1

确保将请求 “Content-Type” 设置为 “multipart/form-data”

在Axios中你可以这样做：

const response = await axios({
        method: "post",
        url: endpoint,
        headers: {"Content-Type": "multipart/form-data"},
        params: {},
        data: formData
      });

由于您要发送多个文件，我建议在调用 append 方法时使用数组表示法。

像这样：

...

formData.append('files[]', file);

...