title: html file upload form
body: <p>I have a web application with a simple file upload requirement (max 1 mb). 
  The web application is an externally exposed web site that must be (as much as possible) compatible with all browsers and versions.</p>
  
  <p>We are using C# .net 3.5 ASP .Net (IIS 7) technology.</p>
  
  <p>We are having trouble implementing the file upload control:</p>
  
  <pre><code>&lt;input type="file" ... /&gt;
  </code></pre>
  
  <p>The buttons are not clicking correctly and different input methods (eg clicking on the text box in some browsers will open the input field).</p>
  
  <p>We need to avoid 3rd party file upload tools.</p>
  
  <p>What is the best way to make this compatible with all browsers?
  Can we use frameworks (eg we could use JQuery) to do this?</p>
  
  <p>Any help is really appreciated.</p>
  
  <p>Edit:</p>
  
  <p>Here are some more specific behaviour details:</p>
  
  <p>Intended/Expected:</p>
  
  <p>Consistent use of textbox field (for filename):</p>
  
  <ul>
  <li>displays filename of selected file</li>
  <li>no events fire launch of browse dialog</li>
  </ul>
  
  <p>Consistent use of browse button:</p>
  
  <ul>
  <li>same css standards as standard HTML button for look and feel</li>
  <li>opens browse dialog</li>
  <li>dialog cancel - clears textbox field</li>
  <li>dialog ok - (re)populates textbox field</li>
  </ul>
  
  <p>We would like to have the look and feel of the textbox and button to use the same css as the rest of our web site.</p>
  
  <p>Current:</p>
  
  <ul>
  <li>textbox click events opens dialog</li>
  <li>generic display of textbox and button field</li>
  <li>browse button not working with some browsers (not firing browse dialog event, but being displayed)</li>
  </ul>
  
  <p>As much as possible the behaviour (events/actions as above) should be consistent between all browser types.</p>