File API in JavaScript

Read files using File API

IntermediateBrowser APIExample 9 of 15

file-api.js

1const input = document.querySelector('input[type="file"]');
2input.addEventListener('change', (e) => {
3    const file = e.target.files[0];
4    const reader = new FileReader();
5    reader.onload = (e) => console.log('File content:', e.target.result);
6    reader.readAsText(file);
7});

Output

File content: Hello World

What's going on

File API reads file contents.

PreviousIndexedDB NextCanvas API