Angular JS Проверка изображения максимального размера и допустимого формата

Я хочу показать другое сообщение проверки для максимального размера и недопустимого формата при загрузке изображения. Вот мой код, но проверка максимального размера не работает, показывает только недопустимую проверку формата файла.

Вот мой код.

<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>

В чем я ошибся здесь???


angularjs ng-file-upload
person Kirit    schedule 08.08.2016    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Показать ошибку с помощью createUserForm.image.$error.maxSize отсутствует $error

<span ng-show="createUserForm.image.$error.maxSize" class="text-danger">File must be less than 5 MB.</span>
person Jatinder Kaur    schedule 08.08.2016
comment
другая проблема заключается в том, что сообщение отображается, если загрузить большое изображение с допустимым форматом <span ng-show="createCompanyForm.image.$invalid" class="text-danger">Only .jpg, .jpeg and .png images are allowed.</span> <span ng-show="createCompanyForm.image.$error.maxSize" class="text-danger">File must be less than 2 MB.</span - person Kirit; 08.08.2016
comment
я решил проблему, добавив createCompanyForm.image.$error.pattern - person Kirit; 08.08.2016