如何在Node.js与React.js项目中删除帖子关联的本地存储图片？

实现思路 #

你创建帖子时会将对应图片存储在 /imageUpload/{postId} 目录下，单条帖子对应一个独立目录，因此删除帖子时只需要递归删除该目录，再删除数据库中的帖子记录即可。

具体实现步骤 #

1. 首先引入依赖并定义图片根目录常量

const fs = require('fs/promises');
const path = require('path');
// 替换为你项目中imageUpload目录的实际绝对路径
const IMAGE_ROOT = path.resolve(__dirname, '../../imageUpload');

2. 修改删除帖子接口逻辑

// Delete post
router.delete("/:postId", validateToken, async (req, res) => {
  const postId = req.params.postId;
  const postImageDir = path.join(IMAGE_ROOT, postId);
  
  try {
    // 直接递归删除对应帖子的图片目录，force: true 表示目录不存在时也不会抛出错误
    await fs.rm(postImageDir, { recursive: true, force: true });
  } catch (err) {
    // 目录删除失败时打印日志，默认不阻断帖子删除逻辑，可根据业务需求调整为阻断并返回错误
    console.log(`帖子${postId}对应图片目录处理失败:`, err.message);
  }

  // 删除数据库中的帖子记录
  await Posts.destroy({
    where: {
      id: postId,
    },
  });
  res.json("post deleted successfully!");
});

注意事项 #

• 请务必确认IMAGE_ROOT的路径配置正确，避免误删其他目录文件
• 确保Node服务运行的进程拥有imageUpload目录的删除权限
• 如果业务要求图片删除失败时不允许删除帖子，可以将删除数据库的逻辑放到try块内，catch到错误时直接返回500错误

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