ファイル名でbase64を取得して表示する

Question

私のファイルの名前をdbに保存し、そのファイルをファイルサーバーに保存しました。だから私は名前を取得してファイルにアクセスすることができます。<img src='http://localhost/upload/abc.jpg'/>ここでabcはファイル名です。しかし、私はどのようにbase64を得るのですか？実際のファイルを取得してどこかに渡す必要があるからです。サーバー側のコードではなく、クライアント側になります

Answer 1

画像が同じドメイン上にある場合、あなたはキャンバスでそれを行うことができます。..

function getBase64Image(img) { 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 
    return canvas.toDataURL("image/png"); 
} 

// if the image is on the dom use this 
var img = document.getElementById('img'); 
alert(getBase64Image(img)); 

// if the image isn't on the dom do this.. 
var img = new Image(); 
img.onload = function(){ 
    alert(getBase64Image(img)); 
} 
img.src= "http://my/image/url.png";