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.

<input type=file id=files name=file />

<button id=readFile>Read File</button>

<output id=content></output>



<script>



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);



</script>

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?

I know that the HTML5: File API don't take direct file path. Is there any solution ?