How to get path directory from FileReader()?

Question

Hi i have these codes to read the file the user has uploaded:

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      $('#myImg').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
  }
}

And the output is a whole chunk of data:

Is there any way i can get the path from the data? for example C:\Users\blackLeather\Desktop

If no,is there another way to get the image directory without having to add into another folder?

Possible duplicate of [How to get the filename from the Javascript FileReader?](https://stackoverflow.com/questions/24245105/how-to-get-the-filename-from-the-javascript-filereader) — Liam, Oct 01 '19 at 12:57

score 9 · Accepted Answer · answered Dec 13 '18 at 09:54

9

Is there any way i can get the path from the data?

No. None at all. That information is not provided to the JavaScript layer by the browser, for security reasons.

answered Dec 13 '18 at 09:54

T.J. Crowder

1,031,962
187
1,923
1,875

score 1 · Answer 2 · edited Jul 28 '22 at 21:05

1

Add this in element:

onchange="loadFile(event)

var loadFile = function(event) {
    var image = document.getElementById('output');
    image.src = URL.createObjectURL(event.target.files[0]);
};

edited Jul 28 '22 at 21:05

Tyler2P

2,324
26
22
31

answered Jul 27 '22 at 15:07

Saleem

29
1
4

This does not answer the question. What was asked for is impossible as T.J. Crowder correctly stated. – ahuemmer Aug 01 '22 at 16:22

score 0 · Answer 3 · answered Apr 13 '23 at 16:06

Like stated before you can't get the URL where the file lived, but you can create one.

function createFileURL() {
     var uploadedFile = document.getElementById("customFile").files[0];
     var reader = new FileReader();
     reader.readAsDataURL(uploadedFile);
     reader.onload = function () {
        return URL.createObjectURL(uploadedFile);
     }
  }

How to get path directory from FileReader()?

3 Answers3

Linked