angularJS

Question

में अपलोड की गई फ़ाइल प्रकार का पता लगाने के लिए मेरे पास 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

आधुनिक ब्राउज़रों में फ़ाइल एपीआई support है।

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

Here छवि MIME प्रकार की एक सूची है

Answer 2

मैं पहले से ही फाइलों तुम इतनी तरह अपने input टैग के भीतर accpet चाहते हैं निर्दिष्ट करने के लिए सिफारिश करेंगे:

<input type="file" name="files" accept="image/*"> 

इनपुट टैग के लिए W3Schools संदर्भ की जाँच अधिक जानकारी के लिए।