File API

Read files using File API

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

Output

File content: Hello World

File API reads file contents.