Node.js中Multer图片上传无image.buffer值问题求助

你的问题根源在于Multer的存储配置类型：

• 你使用了diskStorage，这种模式下Multer会直接将上传的文件写入磁盘，因此req.file对象中不会包含buffer属性（buffer仅在内存存储模式下存在）。
• 更关键的是，当前代码中Multer已经自动把图片保存到uploads目录了，你又手动调用fs.writeFileSync尝试再次写入，属于重复操作，自然会因找不到buffer报错。

根据你的需求（保存图片到项目文件夹并返回URL），提供两种修复方式：

方式1：保留diskStorage（推荐，适合大文件） #

既然Multer已经完成了文件保存，直接从req.file提取文件名生成URL即可，无需重复写入：

简化service.js #

const path = require('path');

const uploadImage = (image) => {
    try {
        // 直接使用Multer生成的文件名返回URL
        return `/uploads/${image.filename}`; 
    } catch (error) {
        console.error("生成图片URL失败:", error);
        throw new Error('生成图片URL失败');
    }
};

module.exports = {
    uploadImage
};

或直接在路由中处理（更简洁） #

可以去掉service层，直接在路由里返回URL：

app.post('/uploadImage', upload.single('image'), async (req, res) => {
  try {
      if (!req.file) {
          return res.status(400).json({ message: '未上传图片' });
      }
      const imageUrl = `/uploads/${req.file.filename}`;
      res.status(200).json({ imageUrl });
  } catch (error) {
      console.error("图片上传失败:", error);
      res.status(500).json({ message: '图片上传失败' });
  }
});

方式2：改用memoryStorage（需处理buffer时使用） #

如果后续需要对图片做内存处理（如压缩、加水印），可切换为内存存储模式，此时req.file会包含buffer属性：

修改app.js的Multer配置 #

const multer = require('multer');
// 使用内存存储
const storage = multer.memoryStorage();
const upload = multer({ storage: storage });

// 静态文件服务和路由保持不变
app.use('/uploads', express.static(path.join(__dirname, 'uploads')));
app.post('/uploadImage', upload.single('image'), async (req, res) => {
  try {
      if (!req.file) {
          return res.status(400).json({ message: '未上传图片' });
      }
      const imageUrl = await uploadImage(req.file);
      res.status(200).json({ imageUrl });
  } catch (error) {
      console.error("图片上传失败:", error);
      res.status(500).json({ message: '图片上传失败' });
  }
});

修复service.js（确保目录存在） #

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

const uploadImage = async (image) => {
    try {
        const uploadDir = path.join(__dirname, './uploads');
        // 检查uploads目录是否存在，不存在则创建
        if (!fs.existsSync(uploadDir)) {
            fs.mkdirSync(uploadDir, { recursive: true });
        }

        const filename = Date.now() + '_' + image.originalname;
        const imagePath = path.join(uploadDir, filename);
        fs.writeFileSync(imagePath, image.buffer);
        return `/uploads/${filename}`; 
    } catch (error) {
        console.error("图片上传失败:", error);
        throw new Error('图片上传失败');
    }
};

module.exports = {
    uploadImage
};

• diskStorage模式下，Multer自动处理文件写入、重命名，仅需关注URL返回，是大文件上传的最优选择，不会占用过多内存。
• memoryStorage模式下，文件暂存于内存，处理完成后写入磁盘，适合小文件及需要即时处理的场景，但需注意内存占用问题。

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