How to save a picture to Local Storage in Android?

Question

Android

On the desktop, I save the picture in Local Storage in Base64 (Fig. 1), then I pull it out and display it (Fig. 2) - everything is OK.
When I build this application in Phonegap, I see that the image type is not saved and the image, accordingly, is not displayed (the lost fragment is highlighted in Fig. 3).
If I manually add the missing fragment image/png;, then the picture is displayed normally.
What Phonegap is doing with JS, what is happening is not clear, because. I don't see the project code.
Fig.1 Fig.2 Fig.3
Why is this happening and how to solve the problem?

Answer 1

Code
It seems that we managed to solve the problem, but with the help of a crutch :-)
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 );
    });

Here I'm trimming the first 5 characters of "data:" then adding "data:image/jpeg;".
Crutch! Only works for jpg.
And it is not known whether this will work on all Android.
Why does cropping still occur?!
upd . On one English-language forum, I received an answer that the problem is due to the fact that the mobile browser cannot recognize the resource type (mymetype), and they recommended using Crosswalk.

Answer 2

Local Storage is not for pictures! for pictures and other large files use pouchdb https://pouchdb.com/guides/