Application PWA - Stockez des images et des vidéos sur un stockage local à l'aide de Angular 6
Je crée une application Web progressive (PWA) à l'aide de javascript angulaire. où j'ai besoin de stocker des images et des vidéos téléchargées sur le serveur.
J'ai exploré sur le stockage local et IndexedDb, les deux ont une limitation de la taille de stockage. Le document officiel indique que le navigateur Safari alloue un maximum de 50 Mo et que Chrome Mobile alloue 6% de l’espace disque disponible pour le stockage local.
Existe-t-il une option permettant de stocker localement les images et les vidéos de grande taille et de les afficher dans l'application PWA lorsque l'appareil est hors ligne?
Vous ne pouvez pas contourner les contraintes de stockage définies par les navigateurs (différentes pour chaque navigateur, comme vous l'avez observé). La plupart des navigateurs vous permettent de stocker davantage (avec les autorisations des utilisateurs, le cas échéant), mais il convient de noter que ces données peuvent également être supprimées par le navigateur sans que votre application ait le contrôle de les empêcher.
C'est un stockage snadboxé que votre navigateur alloue à votre application et qui peut toujours reprendre différents scénarios ... comme lorsque l'espace disque devient bas, l'utilisateur efface le cache, etc.,
Vous pouvez vous y fier aussi longtemps que vous disposez d'une solution de secours lorsque le fichier est effacé. Si vous envisagez de stocker des Go de données, cette option ne vous convient pas. Mais si cela va quelques centaines de Mo, vous devriez être d'accord avec la plupart des navigateurs, à condition que l'utilisateur accepte d'allouer de l'espace.