title: Prevent html input type file from showing open dialog
body: <p>To make a long story short, I need to be able to prevent the default action from a <code>input type="file"</code>.  In other words I do not want to display the system's open dialog box when the user clicks on the "Browse" or "Choose File".  I already have the replacement dialog working, but the system's open dialog box still appears.</p>
  
  <p>Below is a sample of what I am currently trying to accomplish this.  (PS: I am using Chrome 21)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;script type="text/javascript"&gt;
  &lt;!--
  
   file_onclick = function()
   {
    // Show custom dialog instead...
    event.stopPropagation(); // Doesn't work
    return false; // Neither does this
   };
  
  //--&gt;
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
    &lt;input type="file" onclick="javascript: file_onclick();" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any ideas?</p>