Test onload for files

by Neviton

HTML

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

JavaScript

$("#myFile").on('change', onChange);

function onChange(e) {
    console.log('onChange');
    var files = e.target.files,  // FileList object
        f = files[0];
    console.log('file: ', f);
    
    f.onload = function () {
        console.log('ONLOAD DO FILE');
    };
    
    reader = new FileReader();
    reader.onerror = function onErrorHandler(e) {
        console.log('onErrorHandler');
    };
    
    reader.onload = function onLoadHandler(e) {
        console.log('onLoadHandler');
        var image = new Image();

        image.onload = function(e) {
            console.log('image.onload');
        };
        image.onerror = function() {
            console.log('image.onerror');
        };
        console.log('e.target.result: ', e.target.result);
        image.src = e.target.result;
    };

    // Read in the image file as a data URL.
    reader.readAsDataURL(f);
    
}