firebase Google Cloud storage download URL has folder name which becomes file name

Question

We are using Firebase Google Cloud Storage Bucket to store our files.

When the logged in user wants the download the file kept inside certain folder Eg: 123/admin/1469611803143/123.xlsx

The url generated will be https://firebasestorage.googleapis.com/v0/b/MYWEBSITE.appspot.com/o/123%2Fadmin%2F1469611803143%2F123.xlsx?alt=media&token=whatever_alpa_numeric_token

As I download this file the file name will be 123%2Fadmin%2F1469611803143%2F123.xlsx

and not 123.xlsx

We have tried using download attribute to change the file name

but this did not change the file name to 123.xlsx

Please HELP

Answer 1

I'm pretty new with firebase but I achieved this with the following code :

var storageRef = firebase.storage().ref();
var child = storageRef.child("your path");
var uploadTask = child.put(<file>);

uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED,
function(snapshot){
// HANDLE TASK PROGRESS
},
function(error){
// HANDLE ERROR
},
function(){
// UPLOAD SUCCESSFULL
  var newMetadata = {
    contentDisposition : "attachment; filename=" + fileName
  }
  child.updateMetadata(newMetadata)
})  

Answer 2

This is (fortunately or unfortunately) intended behavior. Technically, files in Firebase Storage are stored with the full path (so 123%2Fadmin%2F1469611803143%2F123.xlsx is actually the file name--the slashes and percent escaping are part of the name, and are only represented as path separators in the UI), which is how we get this behavior.

We're likely to modify how downloads work in the future (in that we'll truncate the name), but we've been busy fixing other bugs and polishing higher priority pieces.