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

发布时间：2020-12-17 09:27:43 所属栏目：安全来源：网络整理

导读：我有一个表单只使用angularJS上传图像文件.上传文件一切正常.问题是,我想将上传的文件限制为仅图像文件,并将图像的大小限制为一些MB.如何仅使用angularJS实现此目的？下面是代码 $scope.uploadFile = function(files) { var fd = new FormData(); //Take the

我有一个表单只使用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>

现代浏览器具有File API support.

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

Here是图像MIME类型的列表

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!