Angulaires - Lecture d'un fichier et d'analyser son contenu

J'ai upload de fichier de contrôle qui détient le fichier sélectionné comme ci-dessous,

<div class="Block">
  <label id="lbl">File </label>
  <input #fileInput type='file'/>
</div>

J'ai un bouton "soumettre" ci-dessous,

<button type="button" class="btn btn-primary" 
     (click)="uploadDocument()">Upload File</button>

Lorsque je sélectionne un fichier et cliquez sur le bouton télécharger le fichier que j'ai besoin du contenu à l'intérieur du fichier sans l'envoyer au serveur et de la lecture à partir de là.

Remarque: le Type de fichier sera csv

a vous d'obtenir la solution à votre problème.

OriginalL'auteur Karthik | 2017-11-30

  1. 28

    Vous pouvez utiliser FileReader en javascript pour réaliser ce que ses un csv fichier

    Ajouter un fichier d'événement de changement de stocker le fichier dans un objet en tant que ci-dessous,

    <div class="Block">
  <label id="lbl">Code </label>
  <input type='file' (change)="fileChanged($event)">

</div>

    La fonction est de définir le fichier à un objet qui est utilisé plus tard

    file:any;
fileChanged(e) {
    this.file = e.target.files[0];
}

    Lorsque le bouton envoyer est cliqué, vous pouvez utiliser le readAsText() méthode de FileReader en javascript pour obtenir le contenu ci-dessous,

    uploadDocument(file) {
    let fileReader = new FileReader();
    fileReader.onload = (e) => {
      console.log(fileReader.result);
    }
    fileReader.readAsText(this.file);
}

    Note: onload événement sera déclenché après que le contenu est lu jusqu'à votre logique doit être à l'intérieur de la onLoad fonction.

    Comment puis-je enregistrer les enregistrements que j'ai analysé dans fileReader dans une table de hachage en caractères d'imprimerie?
    Devons-nous supprimer le FileReader des écouteurs d'événement, nous vous abonner?
    comment puis-je lire ou stocker des fichiers contenu dans certaines de tableau,afin que je puisse utiliser le contenu dans une autre position.

    OriginalL'auteur Aravind

  2. 6

    vous tirez sur le fichier de l'entrée et utiliser le FileReader API

    readFile(file: File) {
    var reader = new FileReader();
    reader.onload = () => {
        console.log(reader.result);
    };
    reader.readAsText(file);
}
    comment puis-je lire ou stocker des fichiers contenu dans certaines de tableau,afin que je puisse utiliser le contenu dans une autre position.

    OriginalL'auteur bryan60