Breaking News: Grepper is joining You.com. Read the official announcement!

Uploading multiple files to firebase

abubakar hassan answered on March 3, 2022 Popularity 9/10 Helpfulness 1/10

answer Uploading multiple files to firebase

Uploading multiple files to firebase

Comment

-3

//Listen for file selection
fileButton.addEventListener('change', function(e){ 
    //Get files
    for (var i = 0; i < e.target.files.length; i++) {
        var imageFile = e.target.files[i];

        uploadImageAsPromise(imageFile);
    }
});

//Handle waiting to upload each file using promise
function uploadImageAsPromise (imageFile) {
    return new Promise(function (resolve, reject) {
        var storageRef = firebase.storage().ref(fullDirectory+"/"+imageFile.name);

        //Upload file
        var task = storageRef.put(imageFile);

        //Update progress bar
        task.on('state_changed',
            function progress(snapshot){
                var percentage = snapshot.bytesTransferred / snapshot.totalBytes * 100;
                uploader.value = percentage;
            },
            function error(err){

            },
            function complete(){
                var downloadURL = task.snapshot.downloadURL;
            }
        );
    });
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: firebase uploading whatever

Link to this answer
Share Copy Link

Contributed on Mar 03 2022

abubakar hassan

0 Answers Avg Quality 2/10

Uploading multiple files to firebase

Contents

More Related Answers

Uploading multiple files to firebase

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.