Html 在使用angularjs上传多张图像之前,我尝试过预览,但没有一张显示出来?

Html 在使用angularjs上传多张图像之前,我尝试过预览,但没有一张显示出来?,html,angularjs,filereader,Html,Angularjs,Filereader,我尝试使用以下代码。仅显示我选择的图像的名称。我想一个接一个地展示它们 <div ng-app="MyApp" ng-controller="MyController"> <input type="file" onchange="angular.element(this).scope().SelectFile(event)" /> <hr /> <img ng-src="{{image.PreviewImage}}"

我尝试使用以下代码。仅显示我选择的图像的名称。我想一个接一个地展示它们

<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>
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]);
    };
});