在我的部分 angularjs 上做一个 switch 语句

Question

我遇到了问题，我无法让我的 ng-switch 处理我的部分。我要做的是上传一张图片，但在上传之前，我必须先检查包含的图片大小是否没有达到 25kb。

这是我的控制器代码：

$scope.validateAvatar = function(files) {
    var fd = new FormData();
    $scope.filesize = files[0].size;
    $scope.filemaxsize = 25;
//Take the first selected file
fd.append("file", files[0]);

    $scope.uploadAvatar = function() {
        Api.uploadAvatar($scope.main.user.email, fd)
        .then(function(result) {
            console.log(result.data);
        }, function(result) {
            console.log(result);
        })
    };
};

和我的部分代码：

<form data-ng-submit="uploadAvatar()">
    <input type="file" name="file" onchange="angular.element(this).scope().validateAvatar(this.files)"/>

    <div ng-switch on="filesize / 1024 < filemaxsize">
        <div ng-switch-when="true">
            <input type="submit" value="Upload Avatar">
        </div>
        <div ng-switch-default>
            Please choose you avatar.
        </div>
    </div>

</form>

您还认为在检查图像文件大小时我的验证就足够了，说如果包含的图像大小为：20MB，我的验证仍然会捕获它吗？抱歉，首先我无法使其在 switch 语句中起作用。 :(

Answer 1

手动更改$scope.filesize后需要调用$scope.$apply()。

顺便说一句，为什么不让$scope.filemaxsize = 25 * 1024;