Hardcode file path instead of manual file input

Question

I want to read a text file using Javascript. For passing the FileList Object, the available codes use the <input type="file"> with change event, but i want the path of the txt file to be hardcoded inside javascript and the event to be fired onload of document. How can I implement it?? The available code with <input type="file"> is:

<input type="file" id="fileinput" />
<script type="text/javascript">
  function readSingleFile(evt) {
    //Retrieve the first (and only!) File from the FileList object
    var f = evt.target.files[0]; 
    console.log(evt);
    if (f) {
      var r = new FileReader();
      r.onload = function(e) { 
          var contents = e.target.result;
        alert( "Got the file."+f);  
      }
      r.readAsText(f);
    } else { 
      alert("Failed to load file");
    }
  }
  document.getElementById('fileinput').addEventListener('change', readSingleFile, false);
</script>

score 4 · Accepted Answer · answered Nov 27 '14 at 10:34

4

You can't. Access to files on the user's system requires that the user picks them explicitly as a security measure.

answered Nov 27 '14 at 10:34

Quentin

914,110
126
1,211
1,335

score 0 · Answer 2 · edited May 23 '17 at 12:32

0

You cannot browse on the clients disk files. Javascript does not allow. Until and unless a user selects a file you do not have access to the clients (user) file system. However, once the user selects a file you can read the contents of the file. Refer this answer:

JS: Submit HTML file and place file code within div

edited May 23 '17 at 12:32

Community

1
1

answered Nov 27 '14 at 10:37

Bhaskara

601
9
18

Hardcode file path instead of manual file input

2 Answers2

Linked