通过POST请求发送文件失败，求排查问题（附代码）

嘿，我来帮你找找问题所在！你的代码现在没法成功处理文件上传，主要有这几个关键问题：

1. 缺少文件上传解析中间件 #

Express 默认不会处理 multipart/form-data 类型的请求——这可是前端上传文件时最常用的请求类型。所以你现在的代码里，req.body 根本拿不到上传的文件内容，自然没法完成后续的处理。

你需要用到像 multer 这样的中间件来专门解析文件上传请求，这是Express生态里处理文件上传的标准方案。

2. 当前逻辑不符合文件上传的处理流程 #

你的代码直接把 req.body 传给了 zed.makeSpecBatch，但如果是上传文件的场景，req.body 只会包含表单的普通字段（如果有的话），文件的二进制数据根本没被解析和获取到。

修正后的代码示例 #

先安装multer：

npm install multer

然后修改你的路由代码：

const multer = require('multer');
const fs = require('fs');
const path = require('path');

// 确保存放上传文件和生成bat的文件夹存在
const ensureDir = dir => {
  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
};
ensureDir('./uploads');
ensureDir('./matches');

// 配置multer，指定上传文件的存储位置
const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, './uploads');
  },
  filename: (req, file, cb) => {
    cb(null, `${Date.now()}-${file.originalname}`); // 加时间戳避免文件名冲突
  }
});
const upload = multer({ storage: storage });

// 修改路由，使用multer中间件处理单文件上传
router.post('/:matchId', upload.single('file'), (req, res) => {
  // 上传的文件信息存在req.file里，比如文件路径req.file.path
  fs.readFile(req.file.path, 'utf8', (readErr, fileContent) => {
    if (readErr) {
      console.error(readErr);
      return res.status(500).send('读取上传文件失败');
    }

    zed.makeSpecBatch(fileContent)
      .then(matchCmd => {
        const batFilePath = path.join(__dirname, '../matches', `${req.params.matchId}.bat`);
        fs.writeFile(batFilePath, matchCmd, writeErr => {
          if (writeErr) {
            console.error(writeErr);
            return res.status(500).send('生成BAT文件失败');
          }
          res.sendFile(batFilePath);
        });
      })
      .catch(zedErr => {
        console.error(zedErr);
        res.status(500).send('处理文件内容时出错');
      });
  });
});

额外注意事项 #

• 前端上传文件时，必须用 FormData 对象来构建请求体，不能用普通的JSON格式。比如：

  // 前端示例代码
  const fileInput = document.querySelector('input[type="file"]');
  const formData = new FormData();
  formData.append('file', fileInput.files[0]); // 这里的'file'要和后端upload.single('file')里的名称一致
  
  fetch(`/your-route/${matchId}`, {
    method: 'POST',
    body: formData
  });
  

• 原代码里没有处理 zed.makeSpecBatch 的Promise失败情况，我在修正版里加了catch，避免请求挂起或者报错无提示。

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