CODEWITHSUNDEEP
angularjsangularjs-directiveangularjs-fileupload
mahipal singh
mahipal singh

Reputation: 364

Angular file-upload scope is getting undefined

here is directive.

 app.directive("fileInput", function($parse){  
  return{  
       link: function($scope, element, attrs){  
            element.on("change", function(event){  
                 var files = event.target.files;  
                 $parse(attrs.fileInput).assign($scope, element[0].files); 
                console.log(element[0].files);//this shows file
                 $scope.$apply();  
            });  
       }  
  }
});

HTML part:

<input class="inputFile"  type="file" id="files" file-input="files">
<button type="button" ng-click="uploadFile();">Submit</button>

Controller function:

$scope.uploadFile = function(){  
        console.log($scope.files);//this is undefined
        if(!$scope.files){
            alert("select file");//prog is getting stuck here
        }else{/*some code*/}

$scope and every dependency is defined is controller, still not getting file. please tell me where i am doing wrong because same code is running in other modules.

uploadFile();

lies under some child controller..

Upvotes: 1

Views: 31

Answers (0)

Related Questions