Upload XML File in AngularJS

Question

I just started learning AngularJS. My requirement is to upload the XML file from UI, which will further converted into JSON object. I had tried and google it but not found any proper solution. Please someone help me. thnx

this is my file and button code in html

<input type="file" id="importFile" mg-model="aclFile"/>
<input type="button" class="btn green" ng-click="uploadAclFile(aclFile)" value="Import" />

And this is angular js function

$scope.uploadAclFile = function(xmlData) {
alert("xmlData: " + doc);
}

I just tried to call angularjs function with xml file argument and try to print it into console but it's giving undefined. — deen
– deen, Commented Aug 13, 2016 at 19:46
"You keep using that word. I do not think it means what you think it means." There is no such thing as a "JSON Object". — Jason Cust
– Jason Cust, Commented Aug 13, 2016 at 21:11

deen · Accepted Answer · 2016-08-14 12:42:29Z

1

Yeppee I got it, Here What I did

For file input-

<input type="file" id="importFile" onchange="angular.element(this).scope().uploadXmlFile()"/>

JS-

$scope.uploadXmlFile = function(){
  var file = document.getElementById('importFile').files[0],
  reader = new FileReader();
  reader.onloadend = function(e){
      $scope.data = e.target.result;
      alert($scope.data);
  };
  reader.readAsBinaryString(file);
};

answered Aug 14, 2016 at 12:42

deen

2,3359 gold badges31 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Upload XML File in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related