如何添加進度條

我剛開始使用ng-file-upload，開始時有點複雜，但經過一段時間閱讀，我可以實現一些目標。但是現在我試圖添加一個進度條，Im將圖片上傳到Firebase並且運行良好，我可以保存它，更新它並在視圖上顯示圖片，現在我只需添加一個進度欄即可知道發生了什麼。而它正在上傳。如何添加進度條

我知道這樣做的信息和一些樣品，但我無法找到如何將其添加到我的代碼，希望你能給我一隻手。

這裏是我的Javascript代碼：

$scope.submit = function(file) { 

     Auth.$onAuth(function(authData){ 
     $scope.authData = authData; 

      if(authData){ 
       if ($scope.file) { 

        console.log($scope.file); 

        var refImg = new Firebase("http://url.firebaseio.com/users/" + authData.uid); 

        Upload.base64DataUrl($scope.file).then(function(base64Urls) { 
         refImg.update({ 
         FotoPerfil : base64Urls 
         }); 
        }); 
       }  
      } 
      else{ 
       window.location.href = '#/Bienvenidos'; 
      } 
     }); 
    };

而我的HTML：

<div class="btn btn-default" ngf-select ng-model="file" name="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-min-height="100">Select picture profile</div> 

<button class="btn btn-success" style="float:right;" ng-click="submit()">Save</button> 

<img src="{{perfil.FotoPerfil}}" ngf-no-object-url="true" />

非常感謝，

丹尼爾

來源

2015-10-24 Daniel Soublett

您正在使用Firebase上傳文件的base64數據網址。因此，您必須瞭解Firebase是否提供了能夠聆聽進度事件的任何功能。如果沒有，那麼替代方案就是使用Upload.http（）。 – danial

如何利用火力存儲與火力3.0嗎？

來源

2016-05-22 20:13:32 Abdel

如何添加進度條

回答

相關問題