Fileupload (파일 업로드)

Language/JAVASCRIPT 2010. 5. 10. 15:29

파일 업 로드 개체는 사용자가 시스템에 있는 파일을 입력하기 위해 사용하는 개체이다. 파일 업 로드 개체는 html의 파일 업 로드를 자바스크립트에서 제어하기 위해 만든 것이다. 파일 업 로드 개체를 html에 삽입하기 위해서는 html 부분의 fileupload를 보라

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
form	Form	blur	blur	onBlur
name	Name	focus	focus	onClick
type	Type	select	select	onDblClick
value	value	click	click	onfocus
defaultValue	defaultValue		applyElement	onKeyDown
size	size	addEventListener	attachEvent	onKeyUp
accessKey	accessKey	removeEventListener	detachEvent	onKeyPress
	canHaveChildren	insertBefore	insertBefore	onMouseDown
id	id	replaceChild	replaceChild	onMouseUp
title	title	removeChild	removeChild	onMouseOver
lang	lang	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild	onMouseOut
dir	dir	hasChildNodes	hasChildNodes	onSelect
className	className	cloneNode	cloneNode
style	style		removeNode
innerHTML			replaceNode
	outerHTML		swapNode
	outerText		clearAttributes
tagName	tagName	getAttribute	getAttribute
offsetTop	offsetTop	setAttribute	setAttribute
offsetLeft	offsetLeft	removeAttribute	removeAttribute
offsetWidth	offsetWidth		mergeAttributes
offsetHeight	offsetHeight	getAttributeNode	getAttributeNode
offsetParent	offsetParent	setAttributeNode	setAttributeNode
	clientHeight	removeAttributeNode	removeAttributeNode
	clientLeft	getElementsByTagName
	clientTop		contains
	clientWidth		insertAdjacentHTML
	isContentEditable		insertAdjacentText
	contentEditable		insertAdjacentElement
	canHaveHTML		getAdjacentText
ownerDocument			replaceAdjacentText
nodeName	nodeName		setActive
nodeValue	nodeValue		setExpression
nodeType	nodeType		getExpression
parentNode	parentNode		removeExpression
childNodes			scrollIntoView
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

form

파일업로드 개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

파일업로드의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

type

이 속성은 파일업로드 개체의 type을 나타내는 것으로 항상 file이다.

value

사용자가 열기 대화상자에서 선택한 파일 name의 값을 나타내는 속성이다.

[ ①string = ] fileobject.value
① string : 파일 이름을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

object.defaultValue [ = ①string ]
① string: 개체의 기본값을 지정하는 문자열

size

파일업로드 개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
① Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

fileupload.htm

<html>

<head><title>fileupload</title>

</head>

<body >

전송할 파일이름 :

<P>파일 업로드 개체의 속성값확인

</form>

</body>

</html>

파일 업로드 개체에서 새로운 값을 가지게 되면 변경되 값을 보여준다.

이 버튼은 form의 이름 속성을 보여준다.

이 버튼은 fileupload 개체의 이름 속성 보여준다.

이 버튼은 fileupload 개체의 type 속성을 보여준다.

이 버튼은 fileupload 개체의 value 속성값을 보여준다.

[출처] Fileupload (파일 업로드)|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Text\|Password (0)	2010.05.10
Hidden (0)	2010.05.10
checkbox (0)	2010.05.10
BUTTON (0)	2010.05.10
Location (0)	2010.05.10

랄라라

Fileupload (파일 업로드)

'Language > JAVASCRIPT' 카테고리의 다른 글

티스토리툴바