angular2 : read a file from local machine

Question

Hi I am new to JavaScript and Angular 2.

I want to read a text file from local machine and show the content on page. I have the file in assets folder. How can I read it using typescript?

Thanks in advance :)

I tried passing file path as "e" but the error i am getting is on files[0]. If I remove files[0] error I am getting is parameter 1 is not of type '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))
}

use e.target.files u pass $event to readSingleFile from html — Akanksha Gaur
– Akanksha Gaur, Commented Oct 26, 2016 at 6:14

manish kumar · Accepted Answer · 2017-01-19 07:51:26Z

4

instead of e.files[0]
try

e.target.files[0]

code snippet:

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

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

answered Jan 19, 2017 at 7:51

manish kumar

4,7184 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

himanshu goyal · Accepted Answer · 2017-12-11 05:28:19Z

1

Thanks everyone for the responses.

Finally i read the files using 'ng2-file-upload' and uploaded them to server also.

answered Dec 11, 2017 at 5:28

himanshu goyal

351 silver badge3 bronze badges

Collectives™ on Stack Overflow

angular2 : read a file from local machine

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related