如何在React中删除AWS S3存储桶中的文件夹及其内部对象？

DevOps 小满

2026-8-17

解决AWS Amplify删除S3“文件夹”无效的问题

S3里根本没有真正的文件夹，所谓的“文件夹”只是对象键的前缀。比如你能删掉Car-Models/Cadillac-Image，是因为它是一个实际存在的对象；但直接删Car-Models不行，因为它不是一个可被删除的对象——控制台显示的文件夹只是S3根据键前缀生成的视觉效果，除非你手动创建过一个键为Car-Models/的空对象（作为文件夹占位符）。

要删除整个“文件夹”，得先删掉该前缀下的所有对象，再清理可能存在的占位对象，代码示例如下：

import { Amplify, Storage } from 'aws-amplify';

async function deleteFolder(folderPrefix) {
  try {
    // 列出目标前缀下的所有对象
    const allItems = await Storage.list(folderPrefix, { level: "public" });
    
    // 批量删除所有对象
    await Promise.all(
      allItems.map(item => Storage.remove(item.key, { level: "public" }))
    );
    
    // 处理文件夹占位对象（如果存在）
    const placeholderKey = folderPrefix.endsWith('/') ? folderPrefix : `${folderPrefix}/`;
    try {
      await Storage.remove(placeholderKey, { level: "public" });
    } catch (err) {
      // 占位对象不存在就跳过，不用管
      console.log('无文件夹占位对象需要删除');
    }
    
    alert('文件夹及内部所有内容已删除');
  } catch (err) {
    console.error('删除文件夹出错:', err);
    alert('删除文件夹失败');
  }
}

// 调用函数删除Car-Models
deleteFolder('Car-Models');