Die File System API ist der Web-Standard für Dateizugriff im Browser. Sie umfasst zwei eng verwandte Bereiche: das Origin Private File System (OPFS) als privates, sandboxiertes Dateisystem je Webseite und die File System Access API, mit der Web-Apps nach ausdrücklicher Nutzerfreigabe echte lokale Dateien lesen und schreiben dürfen.
OPFS: Der private Speicherbereich
Das OPFS liefert jeder Website ein eigenes, unsichtbares Dateisystem, das der Browser verwaltet. Der Zugriff erfolgt ohne Datei-Dialog über navigator.storage.getDirectory() und liefert einen FileSystemDirectoryHandle. Diese Dateien sind hoch optimiert für Leistung und eignen sich für große Datenmengen, die über die Grenzen von localStorage hinausgehen.
File System Access API: Lokale Dateien mit Zustimmung
Mit showOpenFilePicker() und showSaveFilePicker() wählt der Nutzer selbst Dateien oder Ordner aus, auf die die App dann zugreifen darf. Jede Datei wird über ein Handle referenziert, das in IndexedDB gespeichert werden kann, um den Zugriff über Seitenwechsel hinweg zu erhalten. Diese API ist die Basis von Online-Editoren wie vscode.dev und wird überwiegend von Chromium-Browsern unterstützt.
Abgrenzung zu den klassischen Storage-APIs
sessionStorage, localStorage und IndexedDB arbeiten mit abstrakten Schlüssel-Wert- oder Objekt-Modellen. Die File System API bietet dagegen eine echte Ordner- und Dateistruktur mit Pfaden — nützlich für Datei-Uploads, lokale Backups und PWA-App-Daten. Beide Welten ergänzen sich: Strukturierte Daten gehören nach IndexedDB, große binäre Dateien in das OPFS.
Verwandte Grundlagen: Cache API, Service Worker, Single-Page-App.