javascript - angular2: lese en fil fra lokal maskin

Hei, jeg er ny i JavaScript og Angular 2.

Jeg vil lese en tekstfil fra den lokale maskinen og vise innholdet på siden. Jeg har filen i assets-mappen. Hvordan kan jeg lese den ved å bruke typescript?

Takk på forhånd :)

Jeg prøvde å sende filbane som "e", men feilen jeg får er på files[0]. Hvis jeg fjerner files[0]-feilen, får jeg feilen parameter 1 er ikke av typen 'Blob'.

private readSingleFile(e) {
    var fileName = e.files[0];
    console.log(fileName);
    if (!fileName) {
      return;
    }
    var reader = new FileReader();
    reader.onload = file => {
      var contents: any = file.target;
      this.text = contents.result;
    };
    reader.readAsText(fileName);
    console.log(reader.readAsText(fileName))
}

Svar #1

i stedet for e.files[0]
prøv

e.target.files[0]

kodeutdrag:

 var fileName = e.target.files[0];

 <input type='file' (change)='readSingleFile($event)'>

Svar #2

Takk til alle for svarene.

Endelig leste jeg filene ved hjelp av 'ng2-file-upload' og lastet dem også opp til serveren.

Relaterte artikler