Node.js中使用Express和Multer实现文件上传失败问题求助

看起来你在使用Express和Multer实现文件上传时遇到了问题，我帮你分析下代码里的几个关键点，应该能解决上传失败的问题：

1. 冲突的文件上传中间件 #

你同时引入并使用了multer和express-fileupload，这两个都是处理HTTP文件上传的中间件，同时启用会导致请求处理逻辑冲突，这很可能是上传失败的核心原因。既然你原本打算使用Multer，就应该移除express-fileupload相关的代码：

// 移除这两行冲突代码
var fileupload=require('express-fileupload');
app.use(fileupload());

2. 错误的body-parser配置 #

你的bodyParser.json({limit: '5mb...'})存在语法错误，limit参数值应该是'5mb'，多余的省略号会导致中间件配置失效，进而影响请求体（包括文件）的大小限制：

// 修正为正确的格式
app.use(bodyParser.json({limit: '5mb'}));
// 同时建议添加urlencoded解析，处理表单类型的上传请求
app.use(bodyParser.urlencoded({ extended: true, limit: '5mb' }));

3. 未正确配置Multer #

你引入了Multer，但没有配置它的存储规则和绑定上传路由。下面是完整的Multer配置示例，包含磁盘存储和上传接口：

// 配置Multer的磁盘存储规则
const storage = multer.diskStorage({
  // 设置文件存储目录
  destination: function (req, file, cb) {
    const uploadDir = path.join(__dirname, 'uploads');
    // 确保存储目录存在，不存在则递归创建
    if (!fs.existsSync(uploadDir)) {
      fs.mkdirSync(uploadDir, { recursive: true });
    }
    cb(null, uploadDir);
  },
  // 设置文件名，避免重名覆盖
  filename: function (req, file, cb) {
    cb(null, `${Date.now()}-${file.originalname}`);
  }
});

// 初始化Multer实例，可添加文件大小限制
const upload = multer({
  storage: storage,
  limits: {
    fileSize: 5 * 1024 * 1024 // 限制文件大小为5MB
  }
});

// 定义文件上传路由，接收字段名为"file"的单个文件
app.post('/upload', upload.single('file'), (req, res) => {
  if (!req.file) {
    return res.status(400).json({ message: '未选择上传文件' });
  }
  // 这里可以添加文件信息存入数据库等后续逻辑
  res.status(200).json({
    message: '文件上传成功',
    fileInfo: {
      name: req.file.filename,
      path: req.file.path,
      size: req.file.size
    }
  });
});

额外注意事项 #

• 前端请求时，需要使用FormData对象上传文件，并且字段名要和upload.single('file')中的file一致，比如：

  const formData = new FormData();
  formData.append('file', yourFileElement.files[0]);
  // 然后用fetch或axios发送POST请求到'/upload'接口
  

• 确保服务器的uploads目录有读写权限，避免因权限不足导致文件写入失败。

你提供的原代码片段： #

var mysql=require('mysql');
var session = require('express-session');
var multer=require('multer');
var express=require('express');
var path=require('path');
var cors=require('cors');
var nodemailer=require('nodemailer');
var fileupload=require('express-fileupload');
var fs=require('fs');
const app=express();
app.use(cors());
app.use(fileupload());
var bodyParser=require('body-parser');
app.use(bodyParser.json({limit: '5mb...'}));

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