IndexedDB: Store file as File or Blob or ArrayBuffer. What is the best option?

Question

Now most of browsers are supporting IndexedDB to store data/file directly as File, Blob or ArrayBuffer.

This code save

Answer 1

I recommend using Blob for images & videos as the API is fairly straightforward for downloading as blob and saving to db, as well as retrieving from db and creating URL for src attribute

Check this sample here for implementation https://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/