title: Reading local XML file from browser using javascript
body: <p>I am writing an html page for myself(<em>I do not want to use a webserver</em>) where I need to read an XML file (<em>on the same folder as the .html file</em>) and parse the data from it. The name of the file is known and not dynamic. Now, I am aware that due to restrictions browsers do not allow <strong>Cross origin requests</strong> on Ajax calls because of security restrictions. So it seems my only option is <strong>FileSystem API.</strong>  </p>
  
  <p>Could anyone help me out with the code for the same please?</p>
  
  <p><strong>In short</strong><br>
  1. Read xml file from javascript once the page loads in the browser .<br>
  2. The name of the XML file is known and is on the same directory level.<br>
  3. How to  use the <strong>FileSystem API</strong> for reading the file and parsing the XML</p>
  
  <p><strong>Constraints</strong><br>
  1. I dont want to use a web-server for the page(<em>since it is just a single page app</em>).<br>
  2. I dont want to use any javascript libraries(<em>like jQuery etc</em>).<br>
  3. Also I dont want to tweak chrome by adding the flags.<br>
  4. It is alright if the solution works only on chrome. </p>
  
  <p>Thanks</p>