Angular JS Imageの有効な最大サイズと有効なフォーマット

Question

イメージのアップロードで最大サイズと無効なフォーマットについて異なる検証メッセージを表示したい。 私のコードはありますが、最大サイズの検証は機能していません。無効なファイル形式の検証のみを表示します。

ここに私のコードです。

<div class="group-row col-sm-10 col-sm-push-1"> 
    <input class="control-set" type="file" ngf-select ng-model="image" name="image" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="5MB" ngf-multiple="false" ngf-min-size='1' ui-jq="filestyle"> 
    <div ng-show="createUserForm.$submitted || createUserForm.image.$invalid" ng-model="image"> 
     <span ng-show="createUserForm.image.maxSize" class="text-danger">File must be less than 5 MB.</span> 
     <span ng-show="createUserForm.image.$invalid" class="text-danger">Only .jpg,jpeg and .png images are allowed.</span> 
    </div> 
</div> 

私はここで間違いを犯しましたか？

Answer 1

createUserForm.imageを使用してエラーを表示します。 $ error.maxSize $エラーに不足している

<span ng-show="createUserForm.image.$error.maxSize" class="text-danger">File must be less than 5 MB.</span>