JSFiddle - React, Tailwind, and code Playground

by landau

HTML

<input type="file" name="files[]" multiple id="files">
<div id="output"></div>

JavaScript

(function(d) {
    "use strict";
    var fileInput = d.getElementById('files'),
        output = d.getElementById('output');

    fileInput.addEventListener('change', function(e) {
        var files = e.target.files; // FileList
        var reader = new FileReader;
        for (var i = 0, curFile; curFile = files[i]; i += 1) {
            reader.onload = (function(file) {
                return function(e) {
                    output.innerHTML += '<br>' + e.target.result;
                };
            })(curFile);
            reader.readAsBinaryString(curFile);
        }
    });
}(document))