Interactive preview · real browser actions

See UploadFlow
in action.

Try the different ways files reach a webpage and see how UploadFlow gives you a private review step before upload.

Demo progress0/8
Completed
Before you start

Open the installed UploadFlow extension, keep upload interception enabled, then try each upload method below.

Everyday uploads

Choose, drop, or paste

INPUT · DROP · PASTE
/01

Input change

Choose one or more files through a standard HTML file input.

/02

Drag & drop

Drop files from the desktop into a native DataTransfer target.

Drop files here
/03

Paste

Focus the target and paste copied image or file data.

Click here, then press Ctrl+V or Cmd+V.

Browser tools

Picker and clipboard

PICKER · HANDLE · CLIPBOARD
/04–05

File System Access

Invoke the picker and read the returned handle as two distinct interception paths.

handle: none selected

/06

Clipboard read

Request file-like data from the async Clipboard API.

Site upload requests

Send to the webpage

FETCH · XHR
/07–08

Webpage upload

Choose once, then send the same file through two common webpage upload methods.

Live output

Event console

uploadflow events
Waiting for your first action…