FileUpload : FileUpload « Form « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » Form » FileUpload

10.8.1.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/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

java2s.com | Contact Us | Privacy Policy

All other trademarks are property of their respective owners.