Отображение нескольких изображений из indexeddb с угловым

Question

Я хочу создать приложение с Angular. Я хочу хранить объекты в Indexeddb. Эти объекты включают изображения. Мне удалось сохранить объекты в Indexeddb. Изображения хранятся в виде капель. Я могу загрузить изображения из Indexeddb, но не могу их отобразить. Все примеры, которые я нашел, примерно 1 изображение, и вы можете сделать это, как описано в: https://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/ То, как они это делают, неприменимо для нескольких изображений.

Answer 1

Вы можете сохранить изображение как base64String в indexedDb.

var image={"Base64String":"","name":"file1.jpg"};
indexedDbService.post("tablename", image);

И вы можете просмотреть изображение как base64string как источник для тега изображения, как показано ниже.

 <img style='display:block; width:100px;height:100px;' id='base64image'                 
       src='data:image/jpeg;base64, LzlqLzRBQ...<!-- base64 data -->' />