2016-08-08 88 views
2

我想在圖像上傳中顯示最大尺寸和無效格式的不同驗證消息。 這是我的代碼,但最大尺寸驗證不起作用,只顯示無效的文件格式驗證。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> 

我在這裏犯了什麼錯?

回答

2

使用createUserForm.image顯示錯誤。 $ error.maxSize 缺少$錯誤

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

的另一個問題是雙方的消息顯示,如果用有效的格式上傳大圖片 '只允許使用.jpg,.jpeg和.png圖像。 文件必須小於2 MB。 Kirit

+0

我通過添加'createCompanyForm.image解決了這個問題。 $ error.pattern' – Kirit