0

Bonjour, Je développe une application ionique en utilisant Firebase comme base de données. J'ai lu ceci question. Je comprends et j'ai une question plus spécifique.Comment stocker des images dans Firebase en utilisant l'URL du service de stockage en nuage?

J'ai téléchargé une image sur amazon s3, imgur et filestack, et essayé tous les trois dans firebase en utilisant data:url/<the url of image> et data:image/jpeg;<url of image>. Est-ce que je suis en train de taper quelque chose de mal dans Firebase?

L'image ne s'affiche pas. Je ne veux pas écrire de code dans l'application pour télécharger l'image, etc, je veux simplement une image à afficher sur l'application à côté de certaines données correspondant à un élément de ma base de données Firebase.

J'ai lu à propos de base64, dois-je l'utiliser dans ce cas?

(Facultatif) Peut-être Si vous pouviez développer les étapes de le faire.

« Vous pouvez utiliser un filepicker pour obtenir le fichier d'image Ensuite, vous pouvez héberger l'image comme vous le voulez, je préfère s3 amazon. Une fois l'image hébergée, vous pouvez afficher l'image en utilisant l'URL générée pour l'image. "

+0

Ne pas publier de liens vers des images ici. Pour les données Firebase, affichez le JSON actuel, que vous pouvez obtenir en cliquant sur le bouton Exporter dans votre tableau de bord. Et nous aurons également besoin de voir ce que votre code fait avec l'URL, sinon nous ne faisons que deviner ce qui pourrait mal tourner et ce n'est pas un moyen très efficace de vous aider à résoudre les problèmes. –

+0

Merci de m'avoir fait connaître ce Frank. Je vais garder cela à l'esprit la prochaine fois. – Michael

Répondre

1

Je n'ai pas beaucoup d'expérience ionique, mais pourquoi ne pas simplement enregistrer le chemin direct vers l'URL de l'image et ne pas inclure la partie data:url/.

Stockez simplement l'url dans Firebase puis, une fois récupéré, injectez-le dans votre img src.

+0

Merci Kyle. l'ajouter comme une URL directe a résolu mon problème. Je regardais vraiment cela trop profondément. J'apprécie votre guideance. – Michael