在瀏覽器中存儲多個圖像的base64圖像數據

Question

最好的方法是在瀏覽器中存儲多個圖像的base64圖像數據，以便以后在Javascript中使用？ 請同時提供代碼示例。

謝謝...

Answer 1

1）使用blob URL更有效，它占用更少的瀏覽器資源（ 發布 鏈接和文檔鏈接 ）。 然后您可以為您的URL創建地圖對象。 Base64占用的內存比Blob網址多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。 首先研究請在此站點上存儲限制-> 鏈接

然后，您可以存儲blob（取決於瀏覽器的功能，請參閱此文章-> link ）或base64。