How to save an object with functions and files in the browser (localStorage, etc..)?

Question

JavaScript

There is an array with a complex structure of nested objects/arrays. Object values ​​can be a function or a File. The question is - how can this whole thing be parsed and saved in the browser and then restored?
LocalStorage is not the only option. IndexedDb, and any browser solutions will work too. You need to somehow save the function and the file.
Please, is there any solution for this?

Answer 1

The function is not allowed, because it is not serialized. See Algorithm for structured cloning
File - easily: in BLob it and in IndexedDB.