Можно ли сохранить объект image в localstorag?

Question

[Юра Комаров]

URL.createObjectURL() - статический метод, который создает DOMString, содержащий URL с указанием на объект, заданный как параметр.
Такой вопрос: можно ли сохранить картинку из input type="file" в localstorage как объект для этого метода, что бы повторно использовать эту картинку

Comments

[Юра Комаров]

File {name: "24.jpg", lastModified: 1126045392000, lastModifiedDate: Wed Sep 07 2005 01:23:12 GMT+0300 (RTZ 2 (зима)), webkitRelativePath: "", size: 81606…}
мы получаем этот объект из input type file и кидаем его в img.src = window.URL.createObjectURL(file)
есть прямое решение чтобы сохранить его для повторного использования этого метода

Answer 1

[Александр Аксентьев]

https://stackoverflow.com/a/2989317

Если влезет можно, но вот стоит ли так делать - однозначно нет.

Comments

[Юра Комаров]

да именно нужен объект для этого метода, строка base64 не подходит, очень сильные тормоза, тк картинок на экране очень много и все они могут перемещаться.

[Юра Комаров]

ваш ответ не особо понятен, зачем мне знать или увеличивать размер localstorage
File {name: "24.jpg", lastModified: 1126045392000, lastModifiedDate: Wed Sep 07 2005 01:23:12 GMT+0300 (RTZ 2 (зима)), webkitRelativePath: "", size: 81606…}
мы получаем этот объект из input type file и кидаем его в img.src = window.URL.createObjectURL(file)
есть прямое решение чтобы сохранить его для повторного использования этого метода

[Александр Аксентьев]

Юра Комаров: ну так и браузер тоже не резиновый, это тоже самое что в куках картинки хранить.

Используйте загрузку на бекенд и потом делайте что хотите с картинками по ссылкам нормально.

[Юра Комаров]

сервер слабый, я уже несколько раз предлагал такое решение, мне отказывают ((((

[Kovalsky]

Юра Комаров: Суть в том, что на клиенте по умолчанию выделено очень мало ёмкости для localStorage. Интересно, по каким причинам вам отказывают. Хранить изображения на клиенте в localStorage это очень грустная затея, т.к. количество сохранённых фотографий будет ограничиваться - смешно сказать - 10мб (десятью мегабайтами, Карл!) и это в лучшем случае. К тому же base64 использует избыточный алгоритм кодирования - клиенту придётся хранить 133% от исходного объёма изображения.

Возможно, решением может быть загрузка изображения на сервера сторонних сервисов, например imgur - 100к запросов в месяц бесплатно.

Вот немного по теме.

[Юра Комаров]

нет, нужно картинку сохранить в любом случае на стороне пользователя хоть в indexedDB в общем не принципиально где, главное у клиента. После того, как картинку зачитали из этого хранилища ее нужно за кэшировать и прикрутить путь к этому кэшу к тегу img

Answer 2

[RidgeA]

в LocalStorage можно сохранить строку.
Сохранить ссылку на картинку - не проблема.
Что бы саму картинку сохранить - надо ее привести к строке. Нарпимер через base64.
Но LS не резиновый

Comments

[Юра Комаров]

если мы сохраним ссылку на картинку пользователя, а пользователь переместит картинку. И я не дам грузить картинку больше 4 mb. строка base64 не подходит