FileUpload : FileUpload « Form « JavaScript Tutorial

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>

10.8.FileUpload
	10.8.1.	FileUpload
	10.8.2.	FileUpload.blur()
	10.8.3.	FileUpload.focus()
	10.8.4.	FileUpload.form
	10.8.5.	Second Method of Referencing FileUpload Object Using the forms Elements Array
	10.8.6.	FileUpload.handleEvent()
	10.8.7.	FileUpload.name
	10.8.8.	FileUpload.onBlur
	10.8.9.	FileUpload.onChange
	10.8.10.	FileUpload.onFocus
	10.8.11.	FileUpload.select()
	10.8.12.	FileUpload.type
	10.8.13.	FileUpload.value
	10.8.14.	file Input Element