# File System Access API

> Neste drop falo como a File System Access API nos permite manipular direto do browser arquivos locais sem fazer download ou upload.

- Canonical: https://betomuniz.com/blog/file-system-access-api
- Published: 2020-09-22
- Updated: 2026-04-21T17:44:00.000Z
- Language: pt
- Tags: Web Capabilities

---

Com a [**File System Access API**](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API) não precisamos baixar ou fazer upload de arquivos para criação, leitura, atualização e deleção de arquivos locais — a aplicação web pode ler e gravar diretamente no disco do usuário, com permissão explícita.

Os principais entry points são `window.showOpenFilePicker()`, `window.showSaveFilePicker()` e `window.showDirectoryPicker()`:

```javascript
const [fileHandle] = await window.showOpenFilePicker();
const file = await fileHandle.getFile();
const conteudo = await file.text();

const writable = await fileHandle.createWritable();
await writable.write("novo conteúdo");
await writable.close();
```

Quando combinada com [Canvas API](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Canvas), [Selection API](https://developer.mozilla.org/en-US/docs/Web/API/Selection_API), APIs de áudio/vídeo entre outras, a File System Access API permite editores de texto, IDEs, ferramentas de design e editores de mídia rodando 100% no browser.

A API exige consentimento explícito do usuário para cada acesso — o browser sempre mostra um picker, e a aplicação só consegue acessar o que foi escolhido.

**Suporte:** estável em **Chrome, Edge e Opera** (Chromium). **Safari e Firefox não implementam**, citando preocupações com privacidade e segurança. Para esses casos, a recomendação é usar o pacote [`browser-fs-access`](https://github.com/GoogleChromeLabs/browser-fs-access) do Google, que faz fallback automático para `<input type="file">` e download manual.