एनजी मॉडल मैं इनपुट के बाहर फ़ाइल इनपुट का मान मिलता है और इसे कहीं और प्रदर्शित करने के लिए, कोशिश कर रहा हूँ फ़ाइल इनपुट

Question

साथ काम नहीं कर रहा। मैं अनुप्रयोग में AngularJS v1.4.8 उपयोग कर रहा हूँ।

<input type="file" ng-model="fileName" /> 
<div>{{fileName}}</div> 

यह दृष्टिकोण टाइप = "टेक्स्ट" के साथ ठीक काम करता है लेकिन टाइप = "फ़ाइल" के साथ नहीं।

क्यों यह इतना है और कैसे मैं इस समस्या को हल कर सकते हैं?

धन्यवाद!

एचटीएमएल:

<input type="file" file-input="files" /> 
<ul> 
    <li ng-repeat="file in files">{{file.name}}</li> 
</ul> 

js:

.directive('fileInput', ['$parse', function ($parse) { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attributes) { 
      element.bind('change', function() { 
       $parse(attributes.fileInput) 
       .assign(scope,element[0].files) 
       scope.$apply() 
      }); 
     } 
    }; 
}]); 

यह वास्तव में this ट्यूटोरियल से एक समाधान है

Answer 1

चूंकि मेरे काम बिल्कुल स्पष्ट था, मैं एक और तरीका जाने का फैसला किया। ध्यान दें कि यह कई फाइलों के साथ भी काम कर सकता है।

फिर भी Serghinho वैकल्पिक साथ बुरा कुछ भी नहीं है, वहाँ सिर्फ एक आसान तरीका है, मुझे लगता है।