title: HTML5 File API with filename path
body: <p>I have following code to read file through HTML5 File API. I have uploaded the file via
  input=file element. Following is the code block.</p>
  
  <pre><code>&lt;input type="file" id="files" name="file" /&gt;
  &lt;button id="readFile"&gt;Read File&lt;/button&gt;
  &lt;output id="content"&gt;&lt;/output&gt;
  
  &lt;script&gt;
  
  function readFile() 
  {
      /* Get the reference of the inpout element. */
      var files = document.getElementById('files').files;
      console.log(files);
  
      if (!files.length) 
      {
        alert('Please select a file!');
        return;
      }
  
      /* Reading the first file selected. You can process other files similarly in loop. */
      var file = files[0];
  
      /* Instantiate the File Reader object. */
      var reader = new FileReader();
  
      /* onLoad event is fired when the load completes. */
      reader.onload = function(event) {
          document.getElementById('content').textContent = event.target.result;      
      };
  
      /* The readAsText method will read the file's data as a text string. By default the string is decoded as 'UTF-8'. */
      reader.readAsText(file);
  }
  
  document.getElementById('readFile').addEventListener('click', function(event) {
       readFile();
    }, false);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>What if I don't want to uploaded the file and provide filepath via input=type element to HTML5: File API to read the file and display it?</p>
  
  <p>I know that the HTML5: File API don't take direct file path. Is there any solution ?</p>