使用AngularJS将图像上传到Firebase

Question

我有一个处理“剧集”的服务：创建，删除和更新它们。它看起来像这样：

app.service('Episode', ['$firebase', 'FIREBASE_URL', function($firebase, FIREBASE_URL) {

    var ref = new Firebase(FIREBASE_URL);

    var episodes = $firebase(ref);

    return {
        all: episodes,
        create: function(episode) {
            location.reload();
            //Add to firebase db
            return episodes.$add(episode);
        },
        delete: function(episodeId) { 
            location.reload();
            return episodes.$remove(episodeId);
        },
        update: function(episode) {
            location.reload();
            return episodes.$save(episode);
        }
    };
}]);

在我的控制器内：

app.controller('AdminCtrl', ['$scope', 'Episode', function ($scope, Episode) {

$scope.episodes = Episode.all;

$scope.createEpisode = function(){
    Episode.create($scope.episode).then(function(data){
        $scope.episode.name = '';
        $scope.episode.title = '';
        $scope.episode.description = '';
        $scope.episode.time = '';
        $scope.episode.img = '';
    });
};

$scope.deleteEpisode = function(episodeId){
    if(confirm('Are you sure you want to delete this episode?') === true) {
        Episode.delete(episodeId).then(function(data){
        console.log('Episode successfully deleted!');
        });
    }
};

$scope.updateEpisode = function(episode) {
    Episode.update($scope.episode).then(function(data) {
        console.log('Episode successfully updated.');
    });
};

我在网上看到的从AngularJS上传图片到Firebase的唯一例子是：https://github.com/firebase/firepano

我如何将其合并到基于对象的添加/更新中，而不是找到它的索引/链接？