반응형

자바스크립트(javascript) FileUpload(파일업로드) 객체의 뜻과 간단예제



FileUpload 객체는 자신의 컴퓨터에 있는 파일을 다른 고으로 전송하고자 할 때 필요한 객체로 이 객체도 form 객체의 하위객체이다. Submit 객체와 하는 역할은 비슷하다. 단지 Submit 객체는 입력 양식에 해당하는 데이터를 전송할 때 사용되는 반면에 FileUpload 객체는 사용자의 컴퓨터에 있는 자료를 전송할 때 사용된다.



간단 예제에서는 파일을 업로드하고자 할 때 사용하는 예제로 업로드한 다음 버튼을 이용해서 확인한다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
 
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>FileUpload 를 이용한 예제</title>
        <script>
            function upload(form) {
                alert(form.kebi.value+"의 파일을 선택하였습니다.")
            }
        </script>
    </head>
    <body>
        <h3>파일을 선택하고 업로드하십시오</h3>
        <form>
            파일 : <input type="file" name="kebi"><p>
            <input type="button" value="check" onclick="upload(this.form)">
        </form>
    </body>
</html>
 
cs





반응형
Posted by 제3인생자
l