イメージURLがBase64（date uri）のjsonから

Question

私はこの解決策をstackoverflowで見つけようとしましたが、成功しませんでした。私はBase64をイメージURL付きのjsonファイルから取得したいと考えています。 例：

result({"image":"https://www.google.co.uk/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png"}); 

のJavascriptやjQueryを使って、それから、Base64でDataURIを取得し、CORSのエラーを回避するためにどのように任意の提案はありますか？

事前に感謝します。

Answer 1

適切なソリューションは、次のようになります。

getBase64FromUrl("http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png"); 
function getBase64FromUrl(url) { 
var img = new Image(); 
img.setAttribute('crossOrigin', 'anonymous'); 
img.onload = function() { 
    var canvas = document.createElement("canvas"); 
    canvas.width =this.width; 
    canvas.height =this.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(this, 0, 0); 
    var dataURL = canvas.toDataURL("image/png"); 
    var url= dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
}; 
img.src = url; 
} 

あなたがから画像を取得しているサーバが