title: How to access data of uploaded JSON file?
body: <p>I have a html code like this:</p>
  <pre><code>&lt;input type=&quot;file&quot; id=&quot;up&quot; /&gt;
  &lt;input type=&quot;submit&quot; id=&quot;btn&quot; /&gt;
  </code></pre>
  <p>And I have a JSON file like this:</p>
  <pre><code>{
   &quot;name&quot;: &quot;John&quot;,
   &quot;family&quot;: &quot;Smith&quot;
  }
  </code></pre>
  <p>And a simple JavaScript function:</p>
  <pre><code>alert_data(name, family)
  {
       alert('Name : ' + name + ', Family : '+ family)
  }
  </code></pre>
  <p>Now I want to call <code>alert_data()</code> with name and family that stored in JSON file which uploaded using my HTML input.</p>
  <p>Is there any way to use an HTML5 file reader or something else?<br />
  I'm not using server-side programming, all of them are client-side.</p>