title: Trying to get the full url of input file
body: <p>All I get is the images name not the file tree like</p>
  <p>C:/document/picture/dangit.gif</p>
  <p>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.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script&gt;
        function getData() {
          var text = document.getElementById(&quot;textarea&quot;).value;
          var text = text.replace(/\r?\n/g, &quot;&lt;br /&gt;&quot;);
          document.getElementById(&quot;display&quot;).innerHTML = text;
        }
  
        function picture() {
          var picture = document.getElementById(&quot;picture&quot;).value;
          document.getElementById(&quot;pDisplay&quot;).src = picture;
          document.getElementById(&quot;purl&quot;).innerHTML = picture;
        }
      &lt;/script&gt;
      &lt;title&gt;Gettings a textbox formatting&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;textarea id=&quot;textarea&quot; onkeypress=&quot;getData()&quot; autofocus&gt;&lt;/textarea&gt;
      &lt;p id=&quot;display&quot;&gt;You havnt typed anything yet&lt;/p&gt;
      &lt;input type=&quot;file&quot; id=&quot;picture&quot; /&gt;
      &lt;button onclick=&quot;picture()&quot;&gt;get the picture from the box&lt;/button&gt;
      &lt;p id=&quot;purl&quot;&gt;picture url&lt;/p&gt;
      &lt;img id=&quot;pDisplay&quot; /&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>