Сохранение содержимого атрибута src в локальном хранилище

Question

Я разрабатываю онлайн ОС И я хочу сохранить значки приложений в локальном хранилище, но я не знаю, как мне сохранить содержимое атрибута src в локальном хранилище и снова прочитать его на странице приложений. мой текущий код приводит к пустой странице.

Answer 1

Вы просто пытаетесь сохранить исходный URL?Или содержимое изображения?

Вы можете сохранить исходный URL-адрес примерно следующим образом:

var theImage = document.getElementById('my-special-image');
if (window.localStorage) {
     window.localStorage['theImage_src'] = theImage.src;
}

Если вы хотите сохранить содержимое изображения, то вам придется немного поигратьсяс холстом, используя canvas.toDataURL().См. этот пост для получения дополнительной информации о том, как это сделать.

Answer 2

Значки предоставлены пользователем или ваши собственные? В любом случае конвертируйте иконки приложений в base64. Затем вставьте его в localStorage. Конечно, вам придётся систематизировать данные для хранения.

var base64 = localStorage.getItem('icon_name');
$('#imgid').attr('src', base64);

Answer 3

Насколько я знаю, нет способа сделать это. На все, что вы можете сохранить в локальном хранилище, должна ссылаться переменная. И значение будет преобразовано в строковый формат при вызове метода localStorage.setItem.

localStorage.setItem('my', {a: 1});

console.log(localStorage['my']); // you will get a string value: '[object Object]'