Node.js博客应用图片上传崩溃问题求助

核心问题 #

报错显示找不到带时间戳前缀的文件（如1697269891291img5.png），但实际上传的文件是原文件名img5.png，说明代码中文件名的生成逻辑和实际保存/读取逻辑不一致：代码试图读取带时间戳前缀的路径，但文件实际是以原文件名保存的，或者反过来。

具体修复步骤 #

1. 检查Multer配置（图片上传核心依赖） #

打开项目中的server.js，找到Multer的磁盘存储配置部分（multer.diskStorage），重点看filename函数：

• 如果当前代码仅保存原文件名：

  const storage = multer.diskStorage({
    destination: (req, file, cb) => {
      cb(null, './public/uploads');
    },
    filename: (req, file, cb) => {
      cb(null, file.originalname); // 仅用原文件名
    }
  });
  

  但后续代码中却用Date.now() + file.originalname拼接文件路径，就会导致读取错误。此时需要统一文件名规则：
  • 要么修改filename函数，生成带时间戳的文件名（避免文件重名）：

    filename: (req, file, cb) => {
      cb(null, Date.now() + file.originalname); // 带时间戳的文件名
    }
    

  • 要么修改后续读取文件的代码，去掉时间戳前缀，直接使用原文件名。

2. 同步数据库存储的文件名 #

如果修改了Multer的文件名规则，需要确保上传后存入数据库的文件名和Multer生成的一致。比如在处理上传的路由中，保存到数据库的应该是req.file.filename（Multer生成的文件名），而不是file.originalname。

3. 验证修复效果 #

• 重启项目，上传一张图片，检查public/uploads文件夹中的文件名是否和代码中读取的路径一致；
• 查看数据库中存储的文件名是否正确，确保前端展示时能正确加载图片。

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