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

前端之家收集整理的这篇文章主要介绍了如何在angularJS中检测上传的文件类型前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表单只使用angularJS上传图像文件.上传文件一切正常.问题是,我想将上传文件限制为仅图像文件,并将图像的大小限制为一些MB.如何仅使用angularJS实现此目的?下面是代码
  1. $scope.uploadFile = function(files) {
  2. var fd = new FormData();
  3. //Take the first selected file
  4. fd.append("file",files[0]);
  5.  
  6. $http.post("logoTypesServiceStore",fd,{
  7. withCredentials: true,headers: {'Content-Type': undefined },transformRequest: angular.identity
  8. }).success( function(data) {alert(data); }).error( function(data) { alert(data)});
  9.  
  10. };

以下是上传文件的表格.

  1. <form name="logoTypeForm" novalidate>
  2. <input type="text" name="logoType" ng-model="logoType" class="form-control" required />
  3. <input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/>
  4.  
  5. </form>
现代浏览器具有File API support.
  1. $scope.uploadFile = function(files) {
  2. files[0].type; //MIME type
  3. files[0].size; //File size in bytes
  4. };

Here是图像MIME类型的列表

猜你在找的Angularjs相关文章