Trying to get the full url of input file

Question

All I get is the images name not the file tree like

C:/document/picture/dangit.gif

Okay, I need to add more text for some reason because stack overflow thinks that I should type more then I need to type so just ignore this text this is so retarded.

<html>
  <head>
    <script>
      function getData() {
        var text = document.getElementById("textarea").value;
        var text = text.replace(/\r?\n/g, "<br />");
        document.getElementById("display").innerHTML = text;
      }

      function picture() {
        var picture = document.getElementById("picture").value;
        document.getElementById("pDisplay").src = picture;
        document.getElementById("purl").innerHTML = picture;
      }
    </script>
    <title>Gettings a textbox formatting</title>
  </head>
  <body>
    <textarea id="textarea" onkeypress="getData()" autofocus></textarea>
    <p id="display">You havnt typed anything yet</p>
    <input type="file" id="picture" />
    <button onclick="picture()">get the picture from the box</button>
    <p id="purl">picture url</p>
    <img id="pDisplay" />
  </body>
</html>

The path could disclose sensitive information so reading it is prohibited — Alex K., Jan 21 '14 at 15:43
I believe this is a duplicate of this [post](http://stackoverflow.com/questions/15201071/how-to-get-full-path-of-selected-file-on-change-of-input-type-file-using-jav). — adamduren, Jan 21 '14 at 15:54

ElmoVanKielmo · Accepted Answer · 2014-01-21T16:00:16.300

0

That's impossible because javascript can't access local storage like hard disk.

The only option is to upload image to the server and then reference it with URL.
If you are using PHP you could start with the documentation http://www.php.net/manual/en/features.file-upload.php
And you need to enclose your <input type="file"> with <form> and provide <input type="submit"> to send the file to the server.

edited Jan 21 '14 at 16:00

answered Jan 21 '14 at 15:44

ElmoVanKielmo

9,272
2
28
41

oh...that not the answer i wanted but this ones the **best** – get52 Jan 21 '14 at 15:54
and _how_ would i go about uploading it to the server would i use php? – get52 Jan 21 '14 at 15:56
@get52 You have to understand that you really don't want javascript from website to be aware of your local files and directories. – ElmoVanKielmo Jan 21 '14 at 15:56
You don't *have* to use `PHP`, but you would need to use some sort of `server-side` language to upload files. – Nick R Jan 21 '14 at 15:59

score 0 · Answer 2 · answered Jan 21 '14 at 15:46

0

This is not possible due to security restrictions. JavaScript in browser has no access to the File System.

answered Jan 21 '14 at 15:46

Yosi

59
3

score 0 · Answer 3 · answered Jan 21 '14 at 16:01

0

It doesn't work on any of the main browsers (except IE) for security related restrictions

answered Jan 21 '14 at 16:01

SaucyGuy

54
6

Trying to get the full url of input file

3 Answers3