downloadURLを正しくキャッチしていますか？

Question

var someRandomURL = "";  
var task = storageRef.put(file); 
       task.on('state_changed', 
        function progress(snapshot) { 
        var percentageUploaded = (snapshot.bytesTransferred/snapshot.totalBytes) * 100; 
        // uploader.value = percentageUploaded; 
        }, 
        function error(err) { 
        console.log(err); 
        }, 
        function complete() { 
        console.log("Upload completed successfully!"); 
        somRandomURL = task.snapshot.downloadURL; 
        } 
      ); 

これはアップロードした画像のdownloadURLをキャプチャするために行ったことですが、正しくアップロードされていますが、downloadURLを取得できません。どこが間違っているのか分かりませんか、downloadURLプロパティを悪用していますか？

Answer 1

var percentageUploaded = (snapshot.bytesTransferred/snapshot.totalBytes) * 100; //check if its' 100% then get the download url like below, 
if(percentageUploaded ==100){ 
    storageRef.getDownloadURL().then(function(url) { 
     someRandomURL =url; //here you'll get the download url once the file is uploaded. 
    }) 
} 

このStackoverflow answer for Getting download url.

Getting Started with Firebase Storage on the Web - Firecasts by firebase channel from youtubeを参照してください。これがあなたに役立つことを願っています

JSfiddle sampleが追加されました。