title: Load a JSON file from user input
body: <p>I want to get and read a JSON file that would be uploaded by the user.</p>
  
  <p>I created the html input file:</p>
  
  <pre><code>&lt;div id="button_open" class="button"&gt;
      &lt;span&gt;Open a JSON file&lt;/span&gt;
      &lt;input id="input_open" class="input_file" type="file"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And now, I don't know how to load the data from the file. I only can get the filename.</p>
  
  <p>Here is what I wrote:</p>
  
  <pre><code>$(document).ready(function(){
      $("#input_open").change(onOpenChange);
  })
  
  function onOpenChange(e) {
      var filname = $("#input_open").val();
      var fileContent = ... ?
      var jsonData = JSON.parse(fileContent);
  }
  </code></pre>
  
  <p>Anyone knows how to get the file content?</p>