how to get the path of the selected document in the file input?

Question

A block of Html template looks something like this,

<div class="field" style="padding:1%">
            <label>Ledger Sample Copies</label>
        <input type="file" formControlName="savingsfile" [(ngModel)]="category.filepath" (change)= "FilePathHandler($event)" >

    </div>

and my respective component method looks like this,

FilePathHandler(fileName) {

  console.log("Files :",fileName.target.value);
  console.log("Files :",this.category.filepath);
}

I am trying to print and insert the path of any document selected from the file input into a database table.

But i am not able to display the filepath in the console.log.

The example output i got for the console logs are below,

Files : C:\fakepath\linux_java_eclipse.txt Files : undefined

I want to display the actual path of the file not with any fakepath.

could someone please help me out ?

I am working on ubuntu 7.14 machine if that helps out.

this code displays an file object which does not contain the path of the document. I want the choosen file path. — Chandra Mouli, Mar 06 '18 at 05:22
tough this code prints the name of the file but i need the path as well.. — Chandra Mouli, Mar 06 '18 at 05:23
Possible duplicate of [How to resolve the C:\fakepath?](https://stackoverflow.com/questions/4851595/how-to-resolve-the-c-fakepath) — georgeawg, Mar 06 '18 at 15:57

score 0 · Answer 1 · answered Mar 06 '18 at 05:36

I want to display the actual path of the file not with any fakepath.

For security reasons the actual path of selected document is not provided to websites. Only filename and a fake path is provided.

If interested in knowing more, please go through this thread.

How to resolve the C:\fakepath?

how to get the path of the selected document in the file input?

1 Answers1