javascript - 如何在一个请求中发布 FormData 对象和附加对象？

Question

我有下一个代码(前端):

let imagesData = new FormData();

button.addEventListener('click', () => {
const data = {
    id: 5, 
    name: 'five'
}
uploadDataToServer(imagesData);
})
const uploadDataToServer = (data) => {
axios.post('http://localhost:5000/upload', data)
    .then((res) => console.log(res))
    .catch((err) => console.log(err));
}

下一个后端部分:

app.post('/upload', upload.array('fileLoader', 5), (req, res, next) => {
    const files = req.files;
    if (!files) {
        const error = new Error('Please upload a file');
        error.httpStatusCode = 400;
        return next(error);
    }
    res.send(files);
})

如何同时访问 req.body 中的对象数据和 req.files 中的图像？

Answer 1

您可以使用 Formdata set-function 向 imagesData 添加新值.

let imagesData = new FormData();

button.addEventListener('click', () => {
  
  /*
   * Attention the set-funcetion sets a new value for an existing key 
   * or adds the key/value if it does not already exist
   */
  imagesData.set('id', 5);
  
  imagesData.set('name', 'five');
  
  uploadDataToServer(imagesData);
  
})
const uploadDataToServer = (data) => {
axios.post('http://localhost:5000/upload', data)
    .then((res) => console.log(res))
    .catch((err) => console.log(err));
}