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 -->' />

用角度显示indexeddb的多个图像

1 个答案: