Base64 to Image

HTML

<h3>== Base64 to Image ==</h3>

<div id="main"></div>

<textarea id="log"></textarea>

JavaScript

//=====================================================
// Base64形式の文字列 → <img>要素に変換
//   base64img: Base64形式の文字列
//   callback : 変換後のコールバック。引数は<img>要素
//=====================================================
function Base64ToImage(base64img, callback) {
    var img = new Image();
    img.onload = function() {
        callback(img);
    };
    img.src = base64img;
}

//=====================================================
// 使い方（デモソース）
//=====================================================
// Base64文字列を取得
var base64img = getBase64Img();
// Base64文字列を画像に変換
Base64ToImage(base64img, function(img) {
    // <img>要素としてDOMに追加
    document.getElementById('main').appendChild(img);
    // <img>要素にすることで幅・高さがわかります
    var log = "w=" + img.width + " h=" + img.height;
    document.getElementById('log').value = log;
});

function getBase64Img() {
    return "data:image/png;base64,";
}