Node.js中使用Multer上传时传递invoiceId额外信息的问题

其实你前端的写法已经走对了方向，只需要在后端正确获取这个字段就行，下面分前后端给你具体的实现步骤：

前端（Angular）部分 #

你当前的代码已经在data里包含了invoiceId，Angular的Upload.upload会自动把这些数据包装成符合Multipart/form-data格式的请求，不需要手动构建FormData。不过可以稍微确认一下参数的正确性，比如确保invoiceId有有效值：

Upload.upload({
  url: 'http://localhost:4000/api/ubiq/listInvoiceAttachedFiles/attach',
  data: {
    file: file, 
    invoiceId: invoiceId // 这里确保invoiceId不是undefined或null
  }
}).then(function (resp) {
  console.log('上传成功', resp.data);
}, function (err) {
  console.error('上传失败', err);
});

后端（Node.js + Express + Multer）部分 #

Multer在处理文件上传时，会把非文件类型的字段自动解析到req.body对象里，文件本身则会被解析到req.file（单文件上传）或者req.files（多文件上传）里。

1. 配置Multer中间件 #

首先确保你已经正确配置了Multer的存储和上传路径：

const express = require('express');
const multer = require('multer');
const app = express();

// 配置Multer的存储位置和文件名
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, './uploads/'); // 确保这个文件夹存在
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname);
  }
});

const upload = multer({ storage: storage });

2. 编写接收上传的路由 #

在你的路由里，使用Multer的中间件（比如upload.single('file')，对应前端data里的file字段名），然后就可以通过req.body.invoiceId拿到你传递的额外信息：

app.post('/api/ubiq/listInvoiceAttachedFiles/attach', upload.single('file'), (req, res) => {
  // 获取额外字段invoiceId
  const invoiceId = req.body.invoiceId;
  // 获取上传的文件信息
  const uploadedFile = req.file;

  console.log('收到的invoiceId:', invoiceId);
  console.log('上传的文件信息:', uploadedFile);

  // 这里可以写你的业务逻辑，比如把文件信息和invoiceId关联存储到数据库等

  res.status(200).json({
    message: '文件上传成功',
    invoiceId: invoiceId,
    file: uploadedFile
  });
});

关键注意点 #

• 前端data里的字段名要和后端对应：比如前端传的是file，后端就要用upload.single('file')；前端传的invoiceId，后端就用req.body.invoiceId。
• Multer默认不会解析req.body，但它会在处理文件的同时把非文件字段解析到req.body，所以不需要额外加express.urlencoded()或express.json()中间件（不过如果还有其他非文件的POST请求，还是需要加的）。
• 确保你的上传文件夹（比如./uploads/）已经创建，否则Multer会报错。

内容的提问来源于stack exchange，提问作者user6496229