File uploading and reading in angular

I have file upload control which holds the selected file as below,

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


I have a submit button as below,

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


When I select a file and click on the upload button the file I need the contents inside the file without sending it to the server and reading from there and showing content of file in table format.

Note: Type of file will be txt

I have to do this without api

Continue reading...