Как сохранить картинку в Local Storage в Android?

Question

[lanvin lanvin07]

На десктопе сохраняю картинку в Local Storage в Base64 (рис.1), потом вытаскиваю её оттуда и отображаю (рис.2) - всё ОК.
Когда же это приложение билдю в Phonegap, то вижу, что тип картинки не сохранён и картинка, соответственно, не отображается (потерянный фрагмент выделен на рис.3).
Если вручную добавляю недостающий фрагмент image/png;, то картинка нормально отображается.
Что делает Phonegap с JS, что такое происходит - непонятно, т.к. код проекта не вижу.
Рис.1 Рис.2 Рис.3
Почему это происходит, и как решить проблему?

Answer 1

[lanvin lanvin07]

Код
Вроде удалось решить задачку, но с помощью костыля :-)
index2.html:

$( document ).ready(function() {
		  $("#localText").text( localStorage.getItem("TextEntryName") );
			var ls = localStorage.getItem("ImageEntryName");
			var from = 5;
			var to = 5000000;
			$newls = ls.substring(from,to);
			console.log("$newls = " + $newls);
				$newnewls = "data:image/jpeg;" + $newls;
				console.log("$newnewls = " + $newnewls);
				$("#localImage").attr("src", $newnewls );
		});

Здесь я обрезаю первые 5 символов "data:", затем добавляю "data:image/jpeg;".
Костыль! Работает только для jpg.
И неизвестно, будет ли это работать на всех Андроид .
Почему всё же происходит обрезка типа картинки?!

upd. На одном англоязычном форуме получил ответ, что проблема связана с тем, что мобильный браузер не может распознать тип ресурса (mymetype), и порекомендовали использовать Crosswalk.

Answer 2

[Николай]

Local Storage не для картинок! для картинок и других больших файлов используйте pouchdb https://pouchdb.com/guides/

Comments

[lanvin lanvin07]

А почему не для картинок? LS хранит строку, разве ему важно, что в этой строке.
И потом, это не ответ на вопрос, ПОЧЕМУ это происходит. Хочется ж понять :-)

[Николай]

lanvin lanvin07: в Local Storage ограничение в 5мб

[lanvin lanvin07]

ACCNCC: Вы думаете, что image/png; пропадает из-за этого? У меня в коде ограничение до 300 Кб.