我刚开始使用ng-file-upload
,一开始有点复杂,但经过一段时间的阅读,我可以实现一些目标。但是现在我一直在尝试添加进度条,我将图片上传到 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" />
非常感谢,
丹尼尔