如何依次选择一个映像时更新阵列

Question

我正在使用文件上传按钮选择图像

1. 通过单击addImage，此图像将在我的表中更新

2. 当我单击“提交”按钮时，我得到的不是“最后一张图片”

如何维护阵列中的所有文件？

这是我的代码

 $scope.getTheFiles = function ($files) {
        debugger;
        console.log($files);
        $scope.imagesrc = [];
        //  $scope.Files = [];
        var _Files = [];
        for (var i = 0; i < $files.length; i++) {
            var reader = new FileReader();
            reader.fileName = $files[i].name;
            reader.onload = function (event) {
                var image = {};
                image.Name = event.target.fileName;
                image.Size = (event.total / 1024).toFixed(2);
                image.Src = event.target.result;
                $scope.imagesrc.push(image);
                $scope.$apply();
            }
            reader.readAsDataURL($files[i]);
        }

        //  $scope.Files.push($files);
        _Files.push($files);
        console.log($scope.Files);
    }