Как сохранить и восстановить объект File в локальном хранилище

У меня есть приложение HTML5 / javscript, которое использует


для захвата изображения с камеры. Поскольку мое приложение хочет работать в автономном режиме, как мне сохранить объект File ( https://developer.mozilla.org/en-US/docs/Web/API/File ) в локальном хранилище, например что это может быть получено позже для загрузки AJAX?

Я хватаю объект файла из использования ...

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

Я могу Stringify объект и сохранить его, но когда я восстановлю его, он больше не распознается как объект File, и, следовательно, не может быть использован для захвата содержимого файла.

У меня есть ощущение, что это невозможно, но я открыт для предложений.

FWIW Мой обходной путь - читать содержимое файла во время хранения и сохранять все содержимое в локальном хранилище. Это работает, но быстро потребляет локальное хранилище, поскольку каждый файл занимает 1 МБ плюс фотографию.

39
задан pkyeck 14 April 2019 в 07:44
поделиться