使用Sharp与Formidable处理图片异常：格式及尺寸未按预期修改

你遇到的问题核心是Sharp调用逻辑有误，未实际执行图片处理流程，同时文件名扩展名未同步更新，导致尺寸和格式都没变化。以下是具体问题点和修复方案：

核心错误点 #

• Sharp参数格式错误：resize({500, 500}) 写法无效，必须明确指定width和height属性。
• 未触发图片处理：Sharp是链式异步调用，仅调用resize()和toFormat()不会执行实际处理，需要通过toFile()或toBuffer()触发。
• 扩展名未同步更新：即使转成webp格式，你仍在使用原文件的扩展名，导致文件格式与扩展名不匹配。
• 异步操作未等待：file回调标记了async，但未对Sharp的异步方法使用await，可能导致处理逻辑被跳过。

修复后的代码 #

form.on('fileBegin', function(name, file) {
  if (file.name !== '') {
    var ext = file.name.match(/\.(jpg|jpeg|JPG|png|webp|pdf|ico|ttf|otf)$/i)[0],
        newFileName = crypto.createHmac('sha1', 'test')
          .update(file.name)
          .digest('hex') + new Date().getTime();
    // 暂存基础文件名，后续替换扩展名
    file.baseName = newFileName;
    file.path = './public/uploads/' + newFileName + ext;
  }
});

form.on('file', async function(name, file) {
  if (file.name !== '') {
    try {
      const targetFormat = 'webp';
      const targetSize = { width: 500, height: 500 };
      // 生成目标格式的文件路径
      const newFilePath = `./public/uploads/${file.baseName}.${targetFormat}`;

      // 执行图片处理并写入新文件
      await sharp(file.path)
        .resize(targetSize)
        .toFormat(targetFormat)
        .toFile(newFilePath);

      // 清理原上传的未处理文件
      fs.unlinkSync(file.path);
      // 更新file路径为处理后的文件路径
      file.path = newFilePath;
    } catch (err) {
      console.error('图片处理失败:', err);
    }
  }
});

关键修复说明 #

1. 修正resize参数：明确传入width和height属性，确保尺寸调整生效。
2. 触发异步处理：通过await等待toFile()执行完成，保证图片处理逻辑被执行。
3. 同步扩展名：生成新的文件路径，使用webp扩展名，确保格式与扩展名一致。
4. 错误捕获：添加try-catch块捕获处理过程中的异常，便于排查问题。
5. 清理原文件：处理完成后删除原上传文件，避免冗余文件占用空间。

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