Я пытался сделать предварительный просмотр перед загрузкой нескольких изображений, используя angularjs, но ни одно из них не отображается?

Question

Я пытался использовать следующий код. Отображалось только имя изображения, которое я выбрал. Я хочу отображать их один за другим

<div ng-app="MyApp" ng-controller="MyController">
    <input type="file" onchange="angular.element(this).scope().SelectFile(event)" />
    <hr />
    <img ng-src="{{image.PreviewImage}}"
         ng-show="image.PreviewImage != null" alt=""
         ng-repeat="image in list" style="height:200px;width:200px" />
</div>

вот мой angularjs код

var app = angular.module('MyApp', [])
app.controller('MyController', function ($scope) {
    $scope.list=[];
    $scope.SelectFile = function (e) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $scope.image.PreviewImage = e.target.result;
            $scope.list.push(e.target.result);
            $scope.$apply();
        };
        reader.readAsDataURL(e.target.files[0]);
    };
});