React+NodeJS使用Multer上传文件无法设置文件名与扩展名求助

• 直接修改req.file无效是因为multer在路由处理函数执行前就已经完成了文件写入磁盘的操作，此时修改req.file的属性不会影响已经保存的文件
• 之前配置storage不生效大概率是因为混用了dest和storage配置，或者multer实例初始化顺序错误，下方完整代码完全用storage配置，不使用dest，避免冲突

首先执行命令安装依赖：
npm install express multer

完整Node端代码：

// 引入依赖
const express = require('express');
const multer = require('multer');
const fs = require('fs');
const path = require('path');

const app = express();
const PORT = 3000; // 可根据需求自行修改端口

// 1. 提前创建存储文件夹，避免因目录不存在导致报错
const uploadDir = path.join(__dirname, 'uploads');
if (!fs.existsSync(uploadDir)) {
  fs.mkdirSync(uploadDir, { recursive: true });
}

// 2. 配置multer磁盘存储规则
const storage = multer.diskStorage({
  // 配置文件存储目录
  destination: function (req, file, cb) {
    cb(null, uploadDir);
  },
  // 配置文件名规则，自动保留原扩展名
  filename: function (req, file, cb) {
    // 规则：时间戳 + 原文件名，避免重名文件覆盖
    const finalFileName = Date.now() + '-' + file.originalname;
    cb(null, finalFileName);
  }
});

// 3. 初始化multer实例，指定单文件上传，接收的字段名要和前端FormData的文件字段名一致
const uploadHandler = multer({ storage: storage }).single('file');

// 解析普通表单字段的中间件，用于接收standard等非文件参数
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

// 4. 编写上传接口
app.post('/upload', function (req, res) {
  uploadHandler(req, res, function (err) {
    if (err instanceof multer.MulterError) {
      return res.status(500).json({ code: 500, msg: '文件上传错误：' + err.message });
    } else if (err) {
      return res.status(500).json({ code: 500, msg: '服务错误：' + err.message });
    }
    // 上传成功后的业务逻辑
    const fileInfo = req.file;
    const standard = req.body.standard;
    console.log('文件信息：', fileInfo);
    console.log('standard参数：', standard);
    // 返回成功响应
    res.json({
      code: 200,
      msg: '上传成功',
      data: {
        fileName: fileInfo.filename,
        filePath: fileInfo.path
      }
    });
  })
});

// 启动服务
app.listen(PORT, () => {
  console.log(`服务已启动，监听端口${PORT}，上传接口地址：http://localhost:${PORT}/upload`);
});

• 确保前端上传文件时，FormData里的文件字段名是file，和multer配置的single('file')保持一致，否则会接收不到文件
• 如果不需要时间戳前缀、直接用原文件名存储，把filename配置里的Date.now() + '-'删掉即可，但要注意重名文件会被覆盖
• 存储路径可以自行修改，只要调整uploadDir的路径为目标目录即可

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