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/Method
Description
blur()
Removes focus from FileUpload box
focus()
Sets focus on FileUpload box
form
Reference form object containing FileUpload box
handleEvent()
Handles specific event
name
HTML NAME attribute for FileUpload box
onBlur
Event handler for Blur event
onChange
Event handler for Change event
onFocus
Event handler for Focus event
select()
Selects input area for FileUpload box
type
HTML TYPE attribute for FileUpload box
value
String 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>
