Base64文字列に画像を変換するコードが動作しないのはなぜですか？

Question

私はBase64で文字列に任意の画像を変換しようとしますが、出力

は、私は基本的な例を

Screenshot

Javascriptコード

function encodeImageFileAsURL(cb) 
{ 
return function() 
{ 
    var file = this.files[0]; 

    var reader = new FileReader(); 

    reader.onloadend = function() 
    { 
     cb(reader.result); 
    } 

    reader.readAsDataURL(file); 
} 
} 

$('#inputFileToLoad').change(encodeImageFileAsURL(function(base64Img) 
{ 
$('.output') 
    .find('textarea') 
    .val(base64Img) 
    .end() 
    .find('a') 
    .attr('href', base64Img) 
    .text(base64Img) 
    .end() 
    .find('img') 
    .attr('src', base64Img); 
})); 

Answer 1

取得しています何のスクリーンショットを参照してください取得しておりませんベース64に変換：

function toBase64(src, callback) { 
    var canvas = document.createElement('canvas'), 
    ctx = canvas.getContext('2d'), 
    img = new Image(); 

    img.onload = function() { 
     canvas.width = img.width; 
     canvas.height = img.height; 
     ctx.drawImage(img, 0, 0, img.width, img.height); 
     callback(canvas.toDataURL()); 
    } 
img.src = src; 
}