Comment stocker les données de type 'Fichier' dans le stockage local en Angular 2

Question

Je travaille sur l'application angulaire 2, et j'ai 2 composants qui sont frères et sœurs (pas les composants parent-enfant). Et je dois transmettre des données d'un composant à un autre. Mais cette donnée est de type 'Fichier'. Et quand j'essaye de stocker ces données dans le stockage local, son objet vide de stockage.

J'envoie ces données au 2ème composant via le résolveur et si le 2ème composant est chargé la première fois, j'extrais les données de route.data. Mais le problème principal est que je veux que les données du 2ème composant restent immobiles après l'actualisation du navigateur.

Comment puis-je maintenir les données de type Fichier dans le second composant pour rappeler l'API ???

Answer 1

Utilisez IndexDB pour stocker des fichiers. Le stockage local accepte uniquement Chaîne

Se reporter ce lien: https://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/

angulaire a intégré IndexDB typages dans lib.dom.ts.

Il y a aussi un module général disponible: localforage. https://www.npmjs.com/package/localforage