I try to open a file using jQuery. Here is my HTML,

<button onclick='load();'>load</button>

Here is my js code:

function load() {
  var fileSelector = $('<input id="load" type = "file" multiple />');
  fileSelector.click();
  //code here to get the files ...
}

Now I want to get the loaded files, what should I do?

I try to open a file using jQuery. Here is my HTML,

<button onclick='load();'>load</button>

Here is my js code:

function load() {
  var fileSelector = $('<input id="load" type = "file" multiple />');
  fileSelector.click();
  //code here to get the files ...
}

Now I want to get the loaded files, what should I do?

• javascript
• jquery

• you can't do that unless otherwise you are using a backend language such as php,asp etc.. – Amit Joki Commented Mar 7, 2014 at 16:14
• In modern browsers you can read a file that's been interactively selected by the user but you cannot arbitrarily set the file yourself (for obvious reasons ..) – Alex K. Commented Mar 7, 2014 at 16:22
• The code to get the files does not necessarily be exactly there. I just want to know how I can get the files. – Benson Commented Mar 7, 2014 at 16:22
• See stackoverflow./questions/750032/… – Alex K. Commented Mar 7, 2014 at 16:23
• What exactly do you mean by "get the loaded files"? – Nico Haase Commented Apr 25, 2019 at 7:23

3 Answers 3

The HTML5 File Api (http://dev.w3/2006/webapi/FileAPI/) allows opening files, however the files must be selected by the User for security.

If you need to open a file without user interaction, then it is necessary to do this on the server side with a language like PHP for example.

Here's my solution I used the file type input and then use the Jquery trigger function to trigger the click event for file input.

$(function(){
  $("#btnFile").click(function(){
    $("#file").trigger("click");
  });
});

<script src="https://cdnjs.cloudflare./ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <input id="file" type="file" hidden/>
 <button id="btnFile">Click Me</button>

You can open JSON file with JavaScript and use fetch('json_file patch') .