angularjs - 如何在angularJS中检测上传的文件类型

Question

我有一个使用angularJS仅上传图像文件的表单。上载文件一切正常。问题是，我想将上传的文件限制为仅图像文件，并且图像的大小必须限制为MB。如何仅使用angularJS实现此目的？下面是代码

$scope.uploadFile = function(files) {
    var fd = new FormData();
    //Take the first selected file
    fd.append("file", files[0]);

    $http.post("logoTypesServiceStore", fd, {
        withCredentials: true,
        headers: {'Content-Type': undefined },
        transformRequest: angular.identity
    }).success( function(data) {alert(data); }).error( function(data) { alert(data)});

};  

下面是上传文件的表格。

 <form name="logoTypeForm" novalidate>
     <input type="text" name="logoType" ng-model="logoType" class="form-control" required />
     <input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/>

 </form>

Answer 1

现代浏览器具有File API support。

$scope.uploadFile = function(files) {
    files[0].type; //MIME type
    files[0].size; //File size in bytes
}; 

Here是图像MIME类型的列表