Comment lire fichier csv contenu dans AngularJS?

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

J'ai ce code dans mon code 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>
InformationsquelleAutor Mark Vincent Osea | 2014-10-14
  1. 43

    avec une coutume directive: 

    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

    • Comme une note de côté, vous pouvez utiliser r.readAsDataURL(files[0]); de sorte que vous pouvez plus tard, la sortie de ce fichier à un <img>
    • le résultat ne comprennent pas le caractère de saut de ligne ??, comment puis-je savoir si une nouvelle ligne ??. Sinon, il fonctionne bien
    • Cela peut-il être adapté pour lire les fichiers csv JSON ? Je ne vois pas comment FileReader pouvez le faire
    • bien sûr, vous pouvez: champ d'application.fileReader = JSON.parse(contenu)
    • si vous êtes à la recherche à analyser .csv JSON alors je vous recommande de prendre un coup d'oeil à la Papa Analyser bibliothèque.
    • merci 🙂
    • Salut MajoB,est-il possible de le faire sans l'aide de directives?
    • Utilisez-vous angulaire?
    • Oui ...........
    • L'aide de la directive est une bonne approche pour cela, mais vous pouvez me laisser savoir si le gérer d'une manière différente.
    • C'est trop cool!

    InformationsquelleAutor Marian Ban