web-dev-qa-db-fra.com

Comment lire le contenu d'un fichier csv dans AngularJS?

Je veux lire un fichier csv et obtenir son contenu en utilisant AngularJS et HTML5. Je veux mettre le contenu du fichier csv dans $ scope.

J'ai ce code dans mon html

 <table align="center" >
            <tr class="borderless">
                <td>Choose .csv file</td>
                <td><input type="file" name="readCsvFile" id="readCsvFile" accept=".csv"> </td>
                <td><input type="button" value="Upload" ng-click="uploadCsvFile()"></td>
            </tr>
 </table>
24
Mark Vincent Osea

avec une directive personnalisée:

app.directive('fileReader', function() {
  return {
    scope: {
      fileReader:"="
    },
    link: function(scope, element) {
      $(element).on('change', function(changeEvent) {
        var files = changeEvent.target.files;
        if (files.length) {
          var r = new FileReader();
          r.onload = function(e) {
              var contents = e.target.result;
              scope.$apply(function () {
                scope.fileReader = contents;
              });
          };

          r.readAsText(files[0]);
        }
      });
    }
  };
});

http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=preview

43
Marian Ban