Изображения из localStorage URL-адрес возврата [объект буфер ArrayBuffer]

---

Привет каждый.
я пытаюсь использовать локальное хранилище для ускорения работы моего сайта для загрузки изображений и аудиофайлов,
поэтому я установил свой Pic-файл с помощью java-скрипта следующим образом:

var req = new XMLHttpRequest();
        req.onload = function (e) {
            var arraybuffer = oReq.response;
        }
        req.open("GET", '/zTest.jpg');
        req.responseType = "arraybuffer";
        req.send();
        req.addEventListener('readystatechange', function () {
            if (req.readyState === 4) {
                localStorage.setItem('photo', req.response);
            }
        });

Что я уже пробовал:

на другой странице Я использую этот код для возврата моего файла

var img = new Image();
            img.src = localStorage.photo;
            $('.imagearea').html(img);

но он не показывает Pic и мой img src вот так:

<img src="[object ArrayBuffer]">

записка: я знаю, что размер файла локального хранилища не более 5 Мб

---