在浏览器中存储多个图像的base64图像数据

Question

哪种方法可以在浏览器中为多个图像存储base64图像数据，以便以后在Javascript中使用？请提供代码示例。

...谢谢

Answer 1

1）使用blob网址效率更高，浏览器资源更少（link to post和link to documentation）。 然后您可以为您的URL创建地图对象。 Base64比Blob url需要多37％的内存

window.imagesMap = {};
window.imagesMap["your_image_name_1.jpg"] = URL.createObjectURL(blob1);
window.imagesMap["your_image_name_2.jpg"] = URL.createObjectURL(blob2);

//then you can use it
....
img.src =   window.imagesMap["your_image_name_1.jpg"];
....

2）如果您需要在页面之间保存图像，您有两种方法：存储blob或存储base64。 首先请研究本网站的存储限制 - ＆gt; link

然后你可以存储blob（这取决于浏览器功能，例如参见此帖子＆gt; link）或base64。