I want user to select an PNG/JPEG image file from his computer, and everytime he opens the webpage, I want image to be available. A few image files can be saved, total of 250MB.

I've seen solution to save the base64 data url to local storage, but

I suspect max storage limit for local storage is 5MB What is the max size of localStorage values? . So that wouldn't work.

I've also seen a solution to automatically load files from disk: https://stackoverflow.com/a/61705781/3994249. But it requires user prompt, which is a nuisance.

I suspect IndexedDB might be a solution, but I am unsure if this is a good practice. I don't want to overkill by uploading the images into a backend. What other options do I have.