IconVault logoIconVault
Sign in

File Handling - Interactive Lab | IconVault

Explore the File Handling API: launchQueue consumer, simulated file launches, file_handlers manifest builder. Free, in your browser.

All tools

File Handling

File type associations and manifest handlers

5 of 5 free uses left

Launch simulation

launchQueue: not supported

consumer: not attached

A real launch only happens when an installed PWA declares file_handlers and the OS opens a file with it. This page is not an installed PWA, so the picker stands in: chosen files flow through the same consumer code a real launch would use.

5 of 5 free simulations left.

file_handlers snippet builder

App name

Action URL

Extensions (comma separated)

Launched files (0)

Files opened with your PWA would arrive here through launchQueue. Run a simulation to see the flow.

Generated manifest snippet

{
  "name": "My PWA",
  "file_handlers": [
    {
      "action": "/open",
      "accept": {
        "application/octet-stream": [
          ".png",
          ".jpg",
          ".md",
          ".txt"
        ]
      }
    }
  ]
}

Paste file_handlers into your web app manifest, then install the PWA. After that, opening one of these file types from the OS offers your app, and the files arrive in launchQueue exactly like the simulation above.

About this tool

IconVault's File Handling playground demystifies the PWA File Handling API: attach a real `launchQueue` consumer, simulate an OS file launch through the same code path a real launch uses, preview launched text files, and generate the `file_handlers` manifest snippet your PWA needs to register file types. It is free and runs fully in your browser.

You will learn why a real launch needs an installed PWA with a manifest declaration, how launched files arrive as FileSystemHandle objects, and how to read their contents with getFile(). The manifest builder produces a copy-ready snippet with your app name, action URL and accepted extensions.

Frequently asked questions

Popular searches

file handling apifile_handlerslaunchqueuepwa file handlinglaunchparamsweb app manifest file_handlersopen file with pwafile association web applaunchqueue.setconsumerfile handling examplefile handling tutorialpwa open filesregister file type pwamanifest file_handlers actionaccept map file_handlersfilesystemhandlegetfile from handlepwa as default appdouble click opens pwafile handling browser supportcaniuse file handlingfile handling chromeinstalled pwa featurespwa capabilitiesproject fugu file handlingfugu apisweb app file associationhandle file launch webos integration pwapwa manifest generatorweb app manifest builderfile type registration webmdn file handling apitest file handling onlinefile handling demolaunch queue webconsume launch paramsread launched filewrite launched filepwa file editornative file handling webfile handler action urlmultiple files launchlaunch files arraypwa installablebeforeinstallpromptpwa manifest display standalonefile handling securitypermission file handlepwa file_handlers examplelaunchqueue api

More tools

Algorithm Visualizer

Watch sorting and searching animate step by step

Alt Text Helper

Write better image alt text with live feedback

ARIA Reference

Searchable ARIA roles and attributes guide

Array Visualizer

Step through map, filter, reduce like a debugger

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →