ManualTests/clear-input-file.html

   1 <script>
   2 function clearWithReset()
   3 {
   4     document.getElementById("form").reset();
   5 }
   6 function clearBySettingValue()
   7 {
   8     document.getElementById("file").value = "";
   9 }
  10 function clearBySettingValueToNull()
  11 {
  12     document.getElementById("file").value = null;
  13 }
  14 function clearBySettingValueToX()
  15 {
  16     document.getElementById("file").value = "x";
  17 }
  18 </script>
  19 <p>Use this to test the various ways you can clear an input type=file element.</p>
  20 <form id="form">
  21 <p>Choose a file here: <input type="file" id="file"></input></p>
  22 <p>Then press one of these buttons, that should clear the file:
  23 <input type="button" value="clear with reset()" onclick="clearWithReset()">
  24 <input type="button" value="clear by setting value to ''" onclick="clearBySettingValue()"></p>
  25 <p>Or press this button that should clear the file, but won't, due to <a href="http://bugs.webkit.org/show_bug.cgi?id=13448">bug 13448</a>: <input type="button" value="clear by setting value to null" onclick="clearBySettingValueToNull()"></p>
  26 <p>Or press this button to verify we can't set to a non-empty value: <input type="button" value="clear by setting value to 'x'" onclick="clearBySettingValueToX()"></p>
  27 </form>