JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<input id="files" type="file">

JavaScript

function handleFileSelect(evt) 
{
    alert('event changed called!');
    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    f = files[0];
    var reader = new FileReader();
    reader.readAsText(f);

    reader.onloadend = function(evt)
    {
        // alert(evt.target.result);
        alert('moo!');
    }
}

alert('adding event listener');
document.getElementById('files').addEventListener('change', handleFileSelect, false);