Mega Code Archive

 
Categories / JavaScript Tutorial / Form
 

FileUpload

The FileUpload object represents a file upload box within an HTML form. An upload box is created by using the HTML tag and specifying the TYPE attribute as file. The FileUpload object has specific properties and methods associated with it, which are shown in the following Table. Property/MethodDescription blur()Removes focus from FileUpload box focus()Sets focus on FileUpload box formReference form object containing FileUpload box handleEvent()Handles specific event nameHTML NAME attribute for FileUpload box onBlurEvent handler for Blur event onChangeEvent handler for Change event onFocusEvent handler for Focus event select()Selects input area for FileUpload box typeHTML TYPE attribute for FileUpload box valueString specifying pathname of selected file <html>     <head>     <title>Example using FileUpload object </title>     </head>     <body>     <script language="JavaScript">     <!--     function showname(){         var  file = document.form1.uploadBox.value ;         document.form1.filename.value = file ;     }     -->     </script>     <form name="form1">     Click on browse to choose a file to send.     <br>     Click on the Send button to see the full path for the file sent.     <br><br>     File to send: <input type="file" name="uploadBox">     <br><br>     <input type="button" value="Send" name="get" onClick='showname()'>     <br><br>     <input type="text" name="filename" size="40">     </form>     </body>     </html>