HTML入力タグから画像のURLを取得

Question

Javascriptで画像のbase64を取得したいと思います。

ここからの回答、https://stackoverflow.com/a/20285053/5065874私の問題の解決した部分。

は基本的に、彼はこの機能を実装：

function toDataUrl(url, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.onload = function() { 
     var reader = new FileReader(); 
     reader.onloadend = function() { 
      callback(reader.result); 
     } 
     reader.readAsDataURL(xhr.response); 
    }; 
    xhr.open('GET', url); 
    xhr.responseType = 'blob'; 
    xhr.send(); 
} 

をそして、このようにそれを使用：

toDataUrl('http://example/url', function(base64Img) { 
    console.log(base64Img); 
}); 

しかし、問題はむしろ、私が持っている、私はtoDataUrl(url, callback)に渡すurlを持っていないですHTMLページの画像入力タグ：

<form id="myId"> 
    <input type="image" name="myImage"> 
</form> 

私は何をすべきですか機能が正常に動作するためにはtoDataUrl()に設定してください。

Answer 1

input要素のsrc属性には、表示するURLが含まれている必要があります。

toDataUrl(document.getElementsByName('myImage')[0].src, function...)