Javascript Form How to - Handle change event on file upload input box

Question

We would like to know how to handle change event on file upload input box.

Answer


 <!-- w  w w.  j a  v  a  2 s .  c om-->
<html>
<body>
    <script language="JavaScript">
    function inform(){
        document.form1.msg.value = "Filename has been changed";
    }
    </script>
    <form name="form1">
    Please choose a file.
    <input type="file" name="uploadbox" size="35" onChange='inform()'>
    <br><br>
    Message:
    <input type="text" name="msg" size="40">
    </form>
</body>
</html>

The code above is rendered as follows: