Read Uploaded image data

by Faisal Khan Janjua

HTML

<input id="f" type="file" />
<img id="i" />

JavaScript

$('#f').on('change', function(ev) {
    var f = ev.target.files[0];
    var fr = new FileReader();
    
    fr.onload = function(ev2) {
        console.dir(ev2);
        $('#i').attr('src', ev2.target.result);
    };
    
    fr.readAsDataURL(f);
});