각도 JS 이미지 유효성 검사 최대 크기 및 유효한 형식

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>