[Валерий1996]

Подскажите где ошибка в коде ? Я пытаюсь сохранить изображение з гугл по урл в локальное хранилище, потом достать из хранилища изображение и вставить в DOM.

Вот мой код :

<canvas  id='example'></canvas>
<img id="imageId" src="" >

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);

    var dataURL = canvas.toDataURL("http://shrek.by/Photo/Shrek.jpg");

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}




var image = document.getElementById('imageId');
var b64image = getBase64Image(image);
localStorage.setItem('imageIdCached', b64image);

Вот весь код: http://jsfiddle.net/t52ka/123/