Browser / Web Api - File (Blob)


A file in the Javascript Browser Api (WebApi) is represented by a File object 1).

The file object is a blob object that adds support for files on the user's system.



Input file

When you use a HTML input of file type to select files, you get back a file object. See Javascript - Browser - File API


<input type="file" accept=".txt"/>
  • The input object gives access to the files selected via the the files property that holds a FileList 2) a list of file
document.querySelector("input").addEventListener('change', async  (event) => {
    let file =[0];
    console.log(`File name: ${}`);
    let text = await (new Response(file)).text();
  • Result: Choose a text file, the file name and content will be printed below


Recommended Pages
Browser / Javascript - Object URL (createObjectURL / revokeObjectURL)

The ObjectUrl is an object that represents the data URL strings. The javascript browser api function URL.createObjectURL creates an ObjectUrl that represents a data uri that can then be passed as...
Html Input File Multiple Warning Dialog
Javascript - Browser - File API

The file api is a browser javascript api that allows file system operation in the browser. FileApiopeneditsave Uploading a file: You can open and read files via the input of type file The...

Share this page:
Follow us:
Task Runner