PASTE IMG from CLIPBOARD TO DATA URI

HTML

<title>PASTE IMG from CLIPBOARD TO DATA URI</title>

<div contenteditable></div>

CSS

div[contenteditable] {
    height: 500px;
    border: solid;
    background: pink;
    padding: 1em;
}

JavaScript

$('div[contenteditable]').bind('paste', function(e) {
    var data = e.originalEvent.clipboardData.items[0].getAsFile();
    var elem = this;
    var fr = new FileReader;
    
    fr.onloadend = function() {
        var img = new Image;
        img.onload = function() {
            //$(elem).append(img);
        };
        //img.src = fr.result;     
        $(elem).append(fr.result)
    };
    
    fr.readAsDataURL(data);
});