Firebase Storage Comment stocker et récupérer des images

Question

Comment stocker et afficher des images sur firebase ?

Answer 1

Mise à jour (20160519) : Firebase vient de publier une nouvelle fonctionnalité appelée Stockage Firebase . Cela vous permet de télécharger des images et d'autres données non JSON vers un service de stockage dédié. Nous vous recommandons vivement d'utiliser ce service pour stocker des images, au lieu de les stocker sous forme de données codées en base64 dans la base de données JSON.

Vous pouvez certainement le faire ! En fonction de la taille de vos images, vous avez plusieurs possibilités :

1. Pour les petites images (moins de 10mb)

Nous avons un exemple de projet qui fait cela ici : https://github.com/firebase/firepano

L'approche générale consiste à charger le fichier localement (en utilisant FileReader) pour pouvoir ensuite le stocker dans Firebase comme n'importe quelle autre donnée. Les images étant des fichiers binaires, vous voudrez obtenir le contenu codé en base64 afin de pouvoir le stocker sous forme de chaîne. Ou, ce qui est encore plus pratique, vous pouvez le stocker sous la forme d'un fichier données : url qui est alors prêt à être placé comme src d'une balise img (c'est ce que fait l'exemple) !

2. Pour des images plus grandes

Firebase a une limite de 10mb (de données de chaînes codées en utf8). Si votre image est plus grande, vous devrez la diviser en morceaux de 10 Mo. Vous avez cependant raison de dire que Firebase est plus optimisé pour les petites chaînes qui changent fréquemment que pour les chaînes de plusieurs mégaoctets. Si vous avez beaucoup de données statiques volumineuses, je recommanderais certainement S3 ou un CDN à la place.

Answer 2

Oui, vous pouvez stocker et afficher des images dans Firebase. Vous pouvez utiliser un filepicker pour obtenir le fichier image. Ensuite, vous pouvez héberger l'image comme vous le souhaitez, je préfère Amazon s3. Une fois l'image hébergée, vous pouvez l'afficher en utilisant l'URL générée pour l'image.

J'espère que cela vous aidera.

Answer 3

J'ai fini par stocker moi-même les images au format base64. Je les traduis à partir de leur valeur base64 lorsqu'elles sont rappelées par firebase.

Answer 4

Vous pouvez également utiliser un service appelé Filepicker qui stockera votre image sur leurs serveurs et Sélecteur de fichiers qui s'appelle désormais Filestack, vous fournira l'URL de l'image. Vous pouvez ensuite stocker l'url sur Firebase.

Answer 5

Il y a plusieurs façons de faire. J'ai d'abord fait comme Grendal2501. J'ai ensuite fait comme user15163, vous pouvez stocker l'URL de l'image dans firebase et héberger l'image sur votre hôte firebase ou aussi Amazon S3 ;