title: Get filename after filereader asynchronously loaded a file
body: <p>I am loading several files in a directory in order to parse some data from them. This works great so far, but I would like to know which file I am looking at. So I need the name of the file after it was loaded.
  Can anybody help on that?</p>
  <p>// gets all files in dir</p>
  <pre><code>function updateData(){
    var dirReader = approot.createReader();
  
    var fail =failCB('Error - Directory for parsing failed to open'); // logs fail...
    dirReader.readEntries(parseData,fail); 
  }
  </code></pre>
  <p>// loading each file</p>
  <pre><code>function parseData(entries){
    var i;
    for (i=0; i&lt;entries.length; i++) {
      var reader = new FileReader();
      reader.onloadend = createListItem;
      reader.readAsText(entries[i]);
    }
  }
  </code></pre>
  <p>// HERE I WOULD LIKE TO KNOW THE NAME !!!!</p>
  <pre><code>function createListItem(evt){
      // it gives me all the loaded data. But based on which file it was, I would like to handle it!
    console.log(evt.target.result)
      // lets say something like this
      $('#content').find(   file.name   ).append(evt.target.result);
    }
  }
  </code></pre>