title: Get object URL from FileEntry (or equivalent)
body: <p>I am currently loading dropped files by doing:</p>
  
  <pre><code>var files = e.dataTransfer.items;
  for (var i = 0; i &lt; files.length; i++) {
      var file = files[i]; //typeof is 'DataTransferItem'
      var url = URL.createObjectURL(file);
  }
  </code></pre>
  
  <p>This gets me the object url, which I can then put into a music player. However, when iterating over an inputted folder:</p>
  
  <pre><code>var reader = entry.createReader();
  reader.readEntries(function (res) {
      res.forEach(function (entry) {
          console.log('The entry:', entry);
          console.log('The url:', JSON.stringify(entry.toURL()));
      });
  });
  </code></pre>
  
  <p>I get files of type <code>FileEntry</code>. According to <a href="http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-filesystemurls" rel="nofollow">this</a> I shall be able to do <code>file.toURL()</code> and use that instead of an object url. This does return me an empty string. <a href="https://code.google.com/p/chromium/issues/detail?id=148788" rel="nofollow">this seems to be there for a reason</a>, but I have no idea how to fix this. I see something about a blob URL but I have no idea how that would work.
  <a href="http://jsfiddle.net/cLS5j/13/" rel="nofollow"><strong><em>Example</em></strong></a>
  Try to drag files and folders to the output screen and see it yourself</p>