[Bug] I've encountered some problems regarding caching and hope to get your guidance.

[tydot0730]

Describe the Bug

First of all, I'm very sorry for disturbing you during your rest time. However, I still hope to get your help when you're available.The images used in the project I'm currently developing are mostly quite large, As shown in the figure, the image may have hundreds of layers.so the loading speed is very slow. Therefore, I'm trying to use IndexDB to accelerate the loading speed when opening the images for the second time. Or, I'm also looking into other ways to speed up the loading process.

Steps to Reproduce

As shown in the figure, here is the source code where I attempted to use IndexedDB. In the loadImageFromCacheOrVolume method of imageloader.ts, I inserted the IndexedDB methods I wrote. The idea is that if data is retrieved from IndexedDB, then return this imageData. Otherwise, after the original loadImageFromImageLoader method is executed, store the imageData from the iterator into IndexedDB.

The current behavior

After completing this step, I went back to the BaseStreamingImageVolume.ts file. In the callLoadImage method, I defined a custom successCallbackDB method similar to successCallback, as well as _scaleIfNecessaryDB, to prevent the issue of not being able to retrieve the cached image when getting data from IndexedDB. However, it seems that it didn't work, and the images cannot be loaded. As shown in the figure is the code I wrote. I really hope you can give me some constructive suggestions.

The expected behavior

This is the result of using the above method - the images cannot be loaded. I hope you can give me some constructive suggestions.

OS

Windows10

Node version

18.20.0

Browser

Google Chrome 133.0.6943.127