在AngularJS中上传XML文件

时间:2016-08-13 18:56:15

标签: angularjs

我刚开始学习AngularJS。我的要求是从UI上传XML文件,这将进一步转换为JSON对象。我曾尝试过谷歌,但没有找到任何合适的解决方案。请有人帮助我。日Thnx

这是我在html中的文件和按钮代码

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

这是角度js函数

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

1 个答案:

答案 0 :(得分:1)

Yeppee我知道了,在这里我做了什么

对于文件输入 -

<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);
};