使用Multer+Sharp处理图片：重复上传时Sharp未重调尺寸

看起来你遇到的核心问题是重复上传时，Sharp没有处理新文件反而返回旧的处理结果，大概率是文件名重复导致的覆盖/缓存问题，或者处理逻辑里的路径没有动态关联新上传的文件。下面给你几个针对性的解决方案：

1. 确保Multer生成唯一文件名，避免覆盖旧文件 #

默认情况下Multer会使用原文件名存储，同一用户上传同名文件时会直接覆盖旧文件；如果处理后的文件名也固定（比如都叫resized.jpg），Sharp每次都会覆盖同一个文件，加上客户端缓存，就会出现返回旧图的情况。

修改Multer的存储配置，给每个上传的文件生成唯一文件名，比如时间戳+原文件名：

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

const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, './uploads/'); // 确保这个目录已创建
  },
  filename: (req, file, cb) => {
    // 生成唯一文件名：时间戳 + 原文件名（避免中文乱码可额外转码，这里简化处理）
    const uniqueName = `${Date.now()}-${file.originalname}`;
    cb(null, uniqueName);
  }
});

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

2. 让Sharp动态关联新上传的文件，生成唯一的处理后文件 #

不要用固定的输出文件名，而是基于新上传的文件名来生成处理后的路径，这样每次处理的都是新文件，输出的也是新文件：

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

app.post('/upload', upload.single('your-file-field-name'), (req, res) => {
  // 先判断是否有文件上传
  if (!req.file) {
    return res.render('picupload', { msg: '请选择要上传的图片' });
  }

  const uploadPath = req.file.path;
  // 处理后的文件名和路径，与原文件一一对应
  const resizedFilename = `resized-${req.file.filename}`;
  const resizedPath = path.join('./resized/', resizedFilename);

  // 用Sharp处理新上传的文件
  sharp(uploadPath)
    .resize(300, 300) // 替换成你的尺寸调整参数
    .toFile(resizedPath)
    .then(() => {
      // 禁用客户端缓存，确保返回最新图片
      res.setHeader('Cache-Control', 'no-store, no-cache, must-revalidate');
      res.setHeader('Pragma', 'no-cache');
      res.setHeader('Expires', '0');
      // 返回处理后的新文件
      res.sendFile(path.resolve(resizedPath));
    })
    .catch(err => {
      res.render('picupload', { msg: `图片处理失败：${err.message}` });
    });
});

3. 排查客户端缓存问题 #

如果上面的设置还是不行，很可能是客户端浏览器缓存了旧图片。除了在响应头设置禁用缓存，你还可以给返回的图片URL加随机参数，强制浏览器请求新资源：

// 比如返回处理后的图片URL时，追加时间戳参数
const imageUrl = `/resized/${resizedFilename}?t=${Date.now()}`;
res.render('picupload', { msg: '上传成功', imageUrl: imageUrl });

4. 确保文件完全写入后再处理（可选） #

虽然Multer的回调是在文件上传完成后执行的，但极端情况下可能存在文件写入未完成的情况，可以加个文件存在校验：

const fs = require('fs/promises');

fs.access(uploadPath, fs.constants.F_OK)
  .then(() => sharp(uploadPath).resize(300, 300).toFile(resizedPath)) // 继续处理
  .catch(err => res.render('picupload', { msg: '上传的文件不存在' }));

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