PWA Demos
File System

Managing local files from a PWA

Desktop PWAs can access the native local file system, which allows you to read or save changes directly to files and folders on the user's device.

File System Logo


Install the app, then click on the zone below to open the device's file system and select an image or text file.

Choose file...

Features & Use Cases

The File System API provides web developers with a way to interact with files and directories on a user's local file system directly from a PWA. This demo is a basic example of the type of features you can implement with this API. Here are some more examples:

  • File editing: Once files have been selected, you can enable users to edit them in your PWA and save them back to their device.
  • Drag-and-drop: The File System API also supports drag-and-drop (to keep things simple, the demo on this page does not), meaning you can build an intuitive way for your users to upload one or multiple files to your PWA.
  • File viewer: This is what this demo does. You can find the code for this below.
  • Metadata: Since the API also lets you access the metadata of files shared with your PWA, you can build functionality that analyses or categorizes these files.


Links & Documentation

Your app here

Unlock the powers of the web today

Try our PWA toolkit free of charge and without limits for 14 days. No credit card required.

Get started See plans