[FIXED] How do I reference an image from storage in cloud firestore? React

Issue

I'm so confused.

I have a form with an input field where you put in a 'title' and an upload file where you upload an 'image'. I created a doc in Cloud Firestore so these are my two fields.

Now, when I upload an image, it gets saved in Storage but I want the image to know to which title it belongs so from what I understand, I need to reference the doc in Cloud Firestore. I don't have any users so I cannot use a uid. I figured that I somehow need the 'access token' from storage, to get saved in the field 'image' in Cloud Firestore. How do I do that?

I'm a beginner so please be as specific as possible!

It's a react app.

Solution

You can simply take the string path of the image in Cloud Storage, and store that in the field of a document.

If you have a Reference to a file you just uploaded to Storage, you can use its fullPath property to save it to Firestore and locate it later. You can use the method Storage.ref(fullPath) to rebuild that Reference after you read the string back from the document.

Answered By - Doug Stevenson

Answer Checked By - Robin (PHPFixing Admin)