how to get data URL from upload bytes in firesbase?

Question

How to get data URL from snapshot after uploading to storage in firebase, I cannot find the link in the snapshot, there must be another method to complete the action.

  if (input?.files![0]) {
        const storage = getStorage();
        const storageRef = ref(storage, `profiles/${_authContext.currentUser.uid}/${input?.files![0].name}`);
        // 'file' comes from the Blob or File API
        uploadBytes(storageRef, input?.files![0]).then((snapshot) => {
          console.log(snapshot);
          console.log('Uploaded a blob or file!');
        });
      }

Doug Stevenson · Accepted Answer · 2022-02-27 23:41:41Z

3

There is another thing you have to do. It's covered in the documentation. Use getDownloadUrl().

getDownloadURL(ref(storage, 'images/stars.jpg'))
  .then((url) => {
    // `url` is the download URL for 'images/stars.jpg'
  }

You can only do this after the upload fully complete.

answered Feb 27, 2022 at 23:41

Doug Stevenson

321k37 gold badges458 silver badges474 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Luis Over a year ago

So, should it always be done this way to get the url of an img uploaded to storage?

Collectives™ on Stack Overflow

how to get data URL from upload bytes in firesbase?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related