Używam aplikacji HTML5 / javscript

<input type="file" accept="image/*;capture=camera" onchange="gotPhoto(this)">

uchwycić obraz z kamery. Ponieważ moja aplikacja chce być uruchomiona w trybie offline, jak zapisać plik (https://developer.mozilla.org/en-US/docs/Web/API/File) obiekt w lokalnej pamięci masowej, tak aby można go było później pobrać w celu wysłania ajax?

Chwytam obiekt pliku z ...

function gotPhoto(element) { 
     var file = element.files[0];
     //I want to save 'file' to local storage here :-(
}

Mogę zawęzić obiekt i zapisać go, ale gdy go przywrócę, nie jest już rozpoznawany jako obiekt File, a zatem nie można go użyć do pobrania zawartości pliku.

Mam wrażenie, że nie da się tego zrobić, ale jestem otwarty na sugestie.

fwiw Moja praca polega na odczytaniu zawartości pliku w czasie przechowywania i zapisaniu pełnej zawartości do lokalnej pamięci. Działa to, ale szybko zużywa pamięć lokalną, ponieważ każdy plik ma rozmiar 1MB plus zdjęcie.