0

使い始めたばかり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" />

本当にありがとう、

ダニエル

4

1 に答える 1

2

firebase 3.0 で firebase storage を使用するのはどうですか?

于 2016-05-22T20:13:32.523 に答える