如何從Firebase的存儲中檢索圖片的網址？

Question

我有這樣的代碼直接從火力地堡的文檔：

// Create a reference to the file we want to download 
    var user = firebase.auth().currentUser.uid; 
    var storageRef = firebase.storage(); 
    var pathReference = storageRef.ref('/' + user + '/profilePicture/' + image.name); 

    //var starsRef = storageRef.child('/' + user + '/profilePicture/' + file.name); 

    // Get the download URL 
    pathReference.getDownloadURL().then(function(url) { 
    // Insert url into an <img> tag to "download" 
     $scope.imageUrl = url; 
     console.log($scope.imageUrl); 
    }); 

但我不圖什麼在我的html文件寫入，以獲得圖像顯示...任何幫助嗎？

Answer 1

只要把你的結果放在控制器的變量裏面，並在HTML中的ng-src中。

最好的方式是使用服務來獲取URL，而不是直接在控制器中。

控制器

app.controller('MyController', ['$scope', function($scope) { 
    // Create a reference to the file we want to download 
    var user = firebase.auth().currentUser.uid; 
    var starsRef = storageRef.child('/' + user + '/profilePicture/' + file.name); 

    // Get the download URL 
    starsRef.getDownloadURL().then(function(url) { 
    // Insert url into an <img> tag to "download" 
     $scope.imageUrl = url; 
    }); 
}]); 

HTML

<img ng-src="{{imageUrl}}"/>