使用Angular.js选择文件后无法获取所有图像数据

Question

使用angular.js中的ng-file-upload进行文件上传时出现问题。当用户一次选择多个文件时，在ngf-select函数中选择后，我只获得一个文件数据。我在下面解释我的代码。

<div ng-class="{ 'myError': billdata.bannerimage.$touched && billdata.bannerimage.$invalid }">
<input type="file" class="filestyle form-control"  data-size="lg" name="bannerimage" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-min-height="100" ngf-resize="{width: 100, height: 100}"  custom-on-change="uploadFile" required="required" ngf-select="onFileSelect($file);"  ngf-multiple="true">
</div>

从上面的代码中假设用户点击选择文件按钮，当文件对话框打开时，用户一次选择3个文件。在选择onFileSelect函数内的所有文件后，用户只获得一个文件blob数据。我的控制器端代码如下。

$scope.onFileSelect = function($files) {
         if($files!=null){
         var data={'image':$files};
         $scope.allFiles.push(data);
         console.log('file details',$scope.allFiles,data);
         }

    }

一个接一个的选择过程确实没问题，但是一次选择多个文件进程没有发生。这里我需要两个条件都应该工作。如果用户在onFileSelect函数内一次选择多个文件，所有文件都应该显示在控制台消息中。请帮助我。