title: Checking HTML5 drag and drop file type
body: <p>I'd like to change drop zone background color to green or red depending on whether the contained drag over payload contains supported file types (JPEG). </p>
  
  <ul>
  <li><p>Do Gecko and Webkit support determining the file type of drag and drop files?</p></li>
  <li><p>How one can extract the file type in these two browsers?</p></li>
  </ul>
  
  <p>I have found event.dataTransfer.types API, but for Firefox it seems to be populated with <strong>application/x-moz-file</strong> and thus I think I am doing something wrong.</p>