在AngularJS中使用FileReader和DOMParser

Question

我有一個使用AngularJS的用戶上傳文件，喜歡使用XML操作文件內容。 但是，我在DOMParser中識別文本文件時遇到了困難。

的index.html

  <div ng-controller = "myCtrl">
      <input type="file" file-model="myFile"/>
      <button ng-click="uploadFile()">upload me</button>
  </div>

app.js

 myApp.controller('myCtrl', ['$scope', 'fileUpload', function($scope, fileUpload){

     $scope.uploadFile = function(){
     var file = $scope.myFile;

     reader = new FileReader();
     reader.onload = function() {
     showout.value = this.result;
     txtFile = showout.value;

     console.log(txtFile);
     };

    reader.readAsText(file);
    parser=new DOMParser();

    xmldoc = parser.parseFromString(txtFile,"text/xml"); 
    console.log(xmlDoc);

在此示例中，txtFile在Reader.onLoad中正確打印到控制台。 但是，xmlDoc顯示為undefined。

我應該引用該文件並進行轉換，以便DOMParser可以讀取它？

注意：如果我在... xmldoc = parser.parseFromString（“bob”，“text / xml”）中替換txtFile，則代碼可以正常工作。

提前致謝。

Answer 1

我知道這已經過時了但是我想在這里放一個工作的例子以防人們仍然遇到這個問題

var parser = new DOMParser();
var reader = new FileReader();
reader.readAsText(file, "UTF-8");
reader.onload = function (evt) {
    var data = parser.parseFromString(evt.target.result, "application/xml");
    console.log(data);
};