이미지 URL에서 Base64 문자열 가져 오기

Question

URL을 제공하는 이미지의 base64 문자열 표현을 얻으려고합니다.

HTML :

<input type="text" value="" id="urlFileUpload"/> 
<input type="button" id="btn" value="GO" /> 

JS : 여기 Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

가 JSFiddle입니다 :

$('#btn').click(function() 
{ 
    var img = new Image(); 
    img.src = $('#urlFileUpload').val(); 
    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); 

     console.log(canvas.toDataURL("image/png")); 
    } 
}); 

나는이 오류가 발생합니다.

Answer 1

그것의 로컬 드라이브가 "다른 도메인을"로 간주되기 때문에 내 문제