multer - req.file始终未定义 - 腾讯云开发者社区

Multer 是一个 Node.js 中间件，用于处理 multipart/form-data 类型的表单数据，主要用于文件上传。如果你在使用 Multer 时遇到 req.file 始终未定义的问题，可能是以下几个原因造成的：

原因分析

表单类型不正确：确保你的表单使用了 enctype="multipart/form-data" 属性。
Multer 配置错误：检查 Multer 的配置是否正确，包括存储引擎的设置等。
路由处理不当：确保你在正确的路由处理器中使用了 Multer 中间件。
文件字段名不匹配：确保前端上传文件时使用的字段名与后端 Multer 配置中的字段名一致。

解决方案

1. 确保表单类型正确

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="avatar">
  <input type="submit">
</form>

2. 正确配置 Multer

const multer = require('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 });

3. 在正确的路由处理器中使用 Multer 中间件

app.post('/upload', upload.single('avatar'), (req, res) => {
  if (!req.file) {
    return res.status(400).send('No file uploaded.');
  }
  res.send('File uploaded successfully.');
});

4. 确保文件字段名匹配

确保前端上传文件时使用的字段名（如 avatar）与后端 Multer 配置中的字段名一致。

示例代码

以下是一个完整的示例，展示了如何使用 Multer 处理文件上传：

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

const app = express();

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/');
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + path.extname(file.originalname));
  }
});

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

app.post('/upload', upload.single('avatar'), (req, res) => {
  if (!req.file) {
    return res.status(400).send('No file uploaded.');
  }
  res.send('File uploaded successfully.');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});