The 2021 edition of dealing with files on the Web
summary
Live coding shows concrete browser file capabilities and how well they actually work: asynchronous clipboard writes for images and text, showOpenFilePicker and showSaveFilePicker producing real FileHandles persisted to IndexedDB so edits and Command‑S overwrite the same file, drag‑and‑drop via getAsFileSystemHandle, paste handling of image blobs, PWA file handlers with launchQueue, an origin‑private Storage Foundation flow for performant swap files, and NFC write on Android — most demos run end‑to‑end with occasional origin‑trial caveats.
AI-written summary · about
chapters (15)
- 0:00Start
- 2:51Storage Foundation Api
- 8:19Progressive Web App
- 10:04Script Js
- 11:00Service Worker
- 14:38Feature Detection for Show Open File Picker in Window
- 22:19The Show save File Picker
- 28:51Save Js
- 34:08Key Down Handler
- 37:27Drag Js
- 44:42Launchqueue in Window
- 47:38Fire Js
- 48:45Web App Manifest
- 54:19File System Access Api
- 56:32Allow Writing to an Nfc Tag
related talks
13mAn introduction to the File API
32mBuilding desktop-class productivity apps with Angular and Project Fugu
45mBytes and blobs
16mProgressively enhancing like it’s 2003
44mWeb APIs You Should Be Using in 2026: Unlocking Next-Level Web Experiences
22mThe (Abundant) State of the Web
01h 09mThe wonderful world of new Web APIs
15mDay 2 Keynote, Project Fugu