How to Delete Files in Firebase Storage

1import { getStorage, ref, deleteObject } from 'firebase/storage';
2
3const storage = getStorage();
4
5async function deleteFile(filePath: string): Promise<void> {
6  const fileRef = ref(storage, filePath);
7  await deleteObject(fileRef);
8  console.log('File deleted:', filePath);
9}

1rules_version = '2';
2service firebase.storage {
3  match /b/{bucket}/o {
4    // User-specific files: users/{userId}/...
5    match /users/{userId}/{allPaths=**} {
6      allow read: if request.auth != null;
7      allow write, delete: if request.auth != null
8        && request.auth.uid == userId;
9    }
10
11    // Public uploads with owner-only delete
12    match /uploads/{fileId} {
13      allow read: if true;
14      allow create: if request.auth != null
15        && request.resource.size < 10 * 1024 * 1024;
16      allow delete: if request.auth != null;
17    }
18  }
19}

1import { getStorage, ref, deleteObject } from 'firebase/storage';
2import { FirebaseError } from 'firebase/app';
3
4const storage = getStorage();
5
6async function safeDeleteFile(filePath: string): Promise<void> {
7  const fileRef = ref(storage, filePath);
8
9  try {
10    await deleteObject(fileRef);
11    console.log('File deleted:', filePath);
12  } catch (error) {
13    if (
14      error instanceof FirebaseError &&
15      error.code === 'storage/object-not-found'
16    ) {
17      console.log('File already deleted or never existed:', filePath);
18      return; // Treat as success
19    }
20    throw error; // Rethrow unexpected errors
21  }
22}

1import { getStorage, ref, listAll, deleteObject } from 'firebase/storage';
2
3const storage = getStorage();
4
5async function deleteFolder(folderPath: string): Promise<number> {
6  const folderRef = ref(storage, folderPath);
7  const result = await listAll(folderRef);
8
9  // Delete all files in this folder
10  const deletePromises = result.items.map((itemRef) =>
11    deleteObject(itemRef)
12  );
13
14  // Recursively delete files in subfolders
15  const subfolderPromises = result.prefixes.map((prefix) =>
16    deleteFolder(prefix.fullPath)
17  );
18
19  await Promise.all([...deletePromises, ...subfolderPromises]);
20  return result.items.length;
21}

1import { getStorage, ref, deleteObject } from 'firebase/storage';
2import { getFirestore, doc, deleteDoc } from 'firebase/firestore';
3
4const storage = getStorage();
5const db = getFirestore();
6
7async function deleteFileWithMetadata(
8  storagePath: string,
9  firestoreDocPath: string
10): Promise<void> {
11  // Delete the file from Storage
12  const fileRef = ref(storage, storagePath);
13  await deleteObject(fileRef);
14
15  // Delete the metadata document from Firestore
16  const [collection, docId] = firestoreDocPath.split('/');
17  await deleteDoc(doc(db, collection, docId));
18
19  console.log('File and metadata deleted');
20}