Read a file from local machine

Question

1.00/5 (1 vote)

See more:

I have a file located at C drive.
I want to read contents of that file in anular 5.

What I have tried:

I am trying to use filereader in typescript .
However how to send file as a parameter from typescript ?

Posted 23-May-18 13:37pm

AlwzLearning

Updated 24-May-18 3:27am

Add a Solution

Comments

AlwzLearning 24-May-18 1:34am

Well I tried this:

this.file = new File(["Hello World"],"D:\Hello.txt",{type: "text/plain"})
console.log(this.file);
this.fileReader = new FileReader();
this.fileReader.onload = () => {
console.log(this.fileReader.result);
};
this.fileReader.readAsText(this.file);
console.log(this.fileReader);

However i am still looking to take filename. I am not sure how to provide filename.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2018-05-24T03:29:00

Solution 1

Websites cannot read random files from the user's disk. You can only read files which the user has explicitly given you access to, either by selecting them in an <input type="file">, or by dragging them into your application.

If the user hasn't selected the file, then your code cannot read it.

Using files from web applications - Web APIs | MDN[^]

Posted 24-May-18 3:29am

Richard Deeming

Comments

AlwzLearning 24-May-18 12:53pm

The issue I am running into is, Ansible is creating a log file and I have to show that log file into web application say like in some text area.

any guidance would help

Richard Deeming 24-May-18 12:55pm

As I said, the user has to select the file. Your code cannot access any files on the user's computer unless the user selects the file first.

AlwzLearning 24-May-18 14:38pm

Thank you for reply and sorry to bug you .
Well i have been a .net developer and angular is new to me.

So I am trying to understand , Microsoft provides system.io namespace which provides support with files and directories and i use streamreader/writer to read the contents of a file located at particular location.. Do I not have anything similar in Angular ?

Richard Deeming 24-May-18 15:02pm

No. If websites were able to read files from your computer without you having to select them first, that would be a major security vulnerability.