इनपुट प्रकार = फ़ाइल के लिए अपलोड करने से पहले फ़ाइल आकार को सत्यापित करें angularjs

Question

का उपयोग कर मेरे पास एक इनपुट प्रकार = फ़ाइल तत्व है। जैसे ही मैं इनपुट तत्व का उपयोग कर फ़ाइल का चयन करता हूं, मैं फ़ाइल आकार की जांच के लिए एक कस्टम निर्देश बनाना चाहता हूं। मुझे पता है कि एक कस्टम निर्देश बनाने के लिए कैसे, लेकिन चयनित तत्व के फ़ाइल आकार को निर्धारित करने के लिए angularjs में कोई तरीका है। कोई jquery का उपयोग किया जाना है।

js कोड:

app.directive('checkFileSize',function(){ 
    return{ 
     require: 'ngModel', 
     link: function(scope, elem, attr, ctrl) { 
      // add a parser that will process each time the value is 
      // parsed into the model when the user updates it. 
      ctrl.$parsers.unshift(function (value) { 
       //i want to do something like this 
       var fileSize= // get file size here 
       if(fileSize>threshold){ 
        ctrl.$setValidity('checkFileSize',false);  
       } 
       // return the value to the model, 

       return someValue; 
      }); 
     } 
    } 
}); 

Answer 1

एक निर्देश से फ़ाइल आकार की जांच कैसे करें:

app.directive('checkFileSize',function(){ 
    return{ 
     link: function(scope, elem, attr, ctrl) { 
      $(elem).bind('change', function() { 
       alert('File size:' + this.files[0].size); 
      }); 
     } 
    } 
}); 

गैर jQuery संस्करण:

app.directive('checkFileSize', function() { 
    return { 
    link: function(scope, elem, attr, ctrl) { 
     function bindEvent(element, type, handler) { 
     if (element.addEventListener) { 
      element.addEventListener(type, handler, false); 
     } else { 
      element.attachEvent('on' + type, handler); 
     } 
     } 

     bindEvent(elem[0], 'change', function() { 
     alert('File size:' + this.files[0].size); 
     }); 
    } 
    } 
}); 

http://plnkr.co/edit/ybuk6K6YNTIwnLTK5I6Z?p=preview