Firebase downloadURL invalid URL

Question

After generated downloadURL in firebase using:

{ 
 ... 

 let url = uploadTask.snapshot.downloadURL;

 ...
}

the url content is something similar:

https://firebasestorage.googleapis.com/v0/b/sd2ds-.23.appspot.com/o/Usr%2FEls%2 ...

No worries in using in the browser or HTML tags, however, when I try to use the url generated in photoURL an error is generated:

The photoURL field must be a valid URL.

I already tried use decodeURI(url) but nothing changed.

Firebase generates the url with %2 in / (slash) place and seems be the problem.

Any glue?

Thanks

Answer 1

Use decodeURIComponent.

Suggestion of function with error handling:

const validUrl     = require('valid-url');

const fillPhotoUrl = function(p) { return (p && validUrl.isUri(p)) ? decodeURIComponent(p) : null; };

Then use it:

{ 
 ... 

 let url = fillPhotoUrl(uploadTask.snapshot.downloadURL);

 ...
}

If you want to know the difference between decodeURI and decodeURIComponent, see this question.