title: How to resolve the C:\fakepath?
body: <pre><code>&lt;input type="file" id="file-id" name="file_name" onchange="theimage();"&gt;
  </code></pre>
  
  <p>This is my upload button.</p>
  
  <pre><code>&lt;input type="text" name="file_path" id="file-path"&gt;
  </code></pre>
  
  <p>This is the text field where I have to show the full path of the file.</p>
  
  <pre><code>function theimage(){
   var filename = document.getElementById('file-id').value;
   document.getElementById('file-path').value = filename;
   alert(filename);
  }
  </code></pre>
  
  <p>This is the JavaScript which solve my problem. But in the alert value gives me </p>
  
  <pre><code>C:\fakepath\test.csv 
  </code></pre>
  
  <p>and Mozilla gives me:</p>
  
  <pre><code>test.csv
  </code></pre>
  
  <p>But I want the local <em>fully qualified file path</em>. How to resolve this issue?</p>
  
  <p>If this is due to browser security issue then what should be the alternate way to do this?</p>