如何將ng-messages用於type ='file'？

Question

我使用ng-message來顯示input type='text'和其他的input type='text'工作正常的表單的錯誤消息，但如何使用ng-message的input type='file'根據上傳的文件的擴展名顯示不同的消息。 或者是他們可以提供錯誤信息的任何庫？

請引導我進入此。

Answer 1

相反NG-消息錯誤消息可以顯示這種方式

<div class="modal-body"> 
    <input id=choseefile type="file" ng-file="file" > 
    <button ng-click="upload()">Upload</button> 
    <div role="alert" ng-show="message.length>0"> 
     <li ng-repeat="msg in message">{{msg}}</li> 
    </div> 
</div> 

和上傳功能，因爲這：

$scope.upload = function() { 
    $scope.message = ""; 
    $http({ 
    ......................... 
     }), 
    }).success(function(data, status, headers, config) { 
     ................... 

    }).error(function(data, status, headers, config) { 
     $scope.message = []; 
     $scope.message.push("Error Message"); 
    }); 

}; 

希望這有助於

Answer 2

For the extension validation: 
You can write this code in your validation method in backend: 
validatFile(your parameters) 
String fileName = file.originalFilename 
      def matcher = (fileName =~ /.*\.(.*)$/) 
      if (matcher.matches()) { 
       def extension = matcher[0][1] 
       if (!(extension in ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'txt'])) { 
        log.info("Invalid file format-------") 
        errMsg = "Invalid file format. Please add .doc .docx .xls .xlsx .pdf and text files only" 

       } 
      } 

Answer 3

如果你想檢查前端的文件類型，然後你可以使用這個：

HTML此：

<form name="radioForm" ng-controller="Ctrl"> 
    <input type="file" name="uploadFile" id="uploadFile"> 
    <input type="submit" ng-click="submitForm()"> 
</form> 

在控制器：

$scope.submitForm=function() { 
    if (document.radioForm.elements["uploadFile"].value == "") { 
    alert("You forgot to attach file!"); 

    } 
    var res_field = document.radioForm.elements["uploadFile"].value; 
    var extension = res_field.substr(res_field.lastIndexOf('.') + 1).toLowerCase(); 
    var allowedExtensions = ['doc', 'docx', 'txt', 'pdf', 'rtf']; 
    if (res_field.length > 0) 
    { 
    if (allowedExtensions.indexOf(extension) === -1) 
    { 
     alert('Invalid file Format. Only ' + allowedExtensions.join(', ') + ' are allowed.'); 
     return false; 
    } 
    } 
}