0

Hallo Ich entwickle eine ionische App mit Firebase als meine Datenbank.Wie speichern Sie Bilder in Firebase mit URL aus dem Cloud-Speicherdienst?

Ich lese dieses question. Ich verstehe es und habe eine spezifischere Frage.

Ich habe ein Bild auf Amazon S3, Imgur und Filestack hochgeladen, und versuchte alle drei in Firebase mit data:url/<the url of image> und data:image/jpeg;<url of image>.

Ich tippe etwas falsch in Firebase?

Das Bild wird nicht angezeigt. Ich möchte in der App keinen Code schreiben, um das Bild hochzuladen usw. Ich möchte einfach nur ein Bild auf der App neben einigen Daten anzeigen, die einem Element in meiner Firebase-Datenbank entsprechen.

Ich habe über Base64 gelesen, muss ich es in diesem Fall verwenden?

(Optional) Vielleicht Wenn Sie dies auf die Schritte tun erweitern konnte.

„Sie können eine Filepicker können Sie die Bilddatei bekommen Dann können Sie das Bild hosten, wie Sie wollen, ziehe ich Amazon S3. Sobald das Bild gehostet ist, können Sie das Bild mit der URL anzeigen, die für das Bild generiert wurde. "

+0

Veröffentlichen Sie keine Links zu Bildern hier. Zeigen Sie für Firebase-Daten den tatsächlichen JSON an, den Sie erhalten, indem Sie in Ihrem Dashboard auf die Schaltfläche Exportieren klicken. Und wir müssen auch sehen, was Ihr Code mit der URL macht, sonst raten wir nur, was schief gehen könnte und das ist keine sehr effiziente Methode, um Sie bei der Fehlersuche zu unterstützen. –

+0

Danke, dass Sie mir das Frank mitgeteilt haben. Das werde ich beim nächsten Mal beachten. – Michael

Antwort

1

Ich habe nicht viel Ionen-Erfahrung, aber warum nicht nur den direkten Pfad zur Bild-URL speichern und nicht den data:url/ Teil enthalten.

Speichern Sie einfach die URL in Firebase und dann, wenn es abgerufen wird injizieren Sie es in Ihre Img src.

+0

Danke Kyle. das Hinzufügen als direkte URL löste mein Problem. Ich habe das wirklich zu sehr untersucht. Ich schätze deine Führung. – Michael

Verwandte Themen