Best way to store files in the browser (non-disk)

[Mohamad Bazzi]

In my chrome extension, I would like to store files in the browser (from background script) but not on disk, as I would like to read and erase the files quickly. Is the best solution to use blob URLs? If so, how much data can I store as blob URLs? Or should I just store the file contents in an array in the background script?

[ilyaigpetrov]

Blob-urls don't survive extension restarts.

To persist between restarts you have to use chrome.storage.

After reading data from chrome.storage you may construct a data-url [1] or blob-url from it.

[1]: https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

[Simeon Vincent]

Alternatively you can use IndexedDB to store files. Personally I'd recommend using IndexedDB because it's a web platform feature and there are a number of articles and libraries out there covering how to use it to store files. In fact, just now when I did a Google search for "indexeddb file storage" I found Robert Nyman's Storing images and files in IndexedDB post on the Mozilla Hacks blog.

Simeon - @dotproto

Chrome Extensions DevRel

[Mohamad Bazzi]

Thanks@