์น ํ๋ก๊ทธ๋๋ฐ - DOM-2
2020. 9. 17. 14:59ใ์ ๊ณต ๊ณผ๋ชฉ/์น ํ๋ก๊ทธ๋๋ฐ
์น ํ๋ก๊ทธ๋๋ฐ - DOM-2
์ค๋์ DOM์ ๊ธฐ๋ณธ๊ฐ๋ ์ธ fileํ๊ทธ์ ์ฌ์ฉ์ ์์๋ณผ ๊ฒ์ด๋ค.
fileํ๊ทธ๋ ํ์ผ ์ ํ์ด๋ผ๋ ๋ฒํผ์ ๋์์ฃผ๋ฉฐ ์ค์ ๋ก ํ์ผ์ ์ ํํ ์ ์๊ฒ ํด์ฃผ๋ ํ๊ทธ์ด๋ค.
ํ์ผ์ ์ฐพ์ผ๋ฉด ํ์ผ์ ์ด๋ฆ๊ณผ ํ์ , ํฌ๊ธฐ๊น์ง ๋์ค๊ฒํ๋ ํ๋ก๊ทธ๋จ์ ์์ฑํด๋ณด์.
์ถ๋ ฅ๊ฐ:
์์ค ์ฝ๋
<!DOCTYPE html>
<html>
<head>
<script>
function myfun() {
var f = document.getElementById("file").files[0];
var type = f.type;
var name = f.name;
var size = f.size;
document.getElementById("irum").innerHTML = name;
document.getElementById("size").innerHTML = size;
document.getElementById("type").innerHTML = type;
}
</script>
</head>
<body>
<form method = "get" name = "form1" action = "">
<input type = "file" id = "file" name = "file" onChange = "myfun()">
<p><b><font size = 5 color = blue>์ ํ๋ ํ์ผ ์ ๋ณด</font></b></p>
ํ์ผ ์ด๋ฆ : <span id = "irum"></span><br>
ํ์ผ ํฌ๊ธฐ : <span id = "size"></span><br>
ํ์ผ ํ์
: <span id = "type"></span><br>
</body>
</html>
์ฌ๊ธฐ์ file์์ด๋๋ฅผ ์ ๊ทผํ ํ ๋ค์ files[0]์ ๋ป์ ์ฒซ๋ฒ์งธ ํ์ผ์ ๊ฐ์ ธ์จ๋ค๋ ๋ป์ด๋ค. [0]๊ฐ ๋ฐฐ์ด์์์ ์ฒซ๋ฒ์จฐ๋ฅผ ์๋ฏธํ๊ธฐ ๋๋ฌธ์ด๋ค.
'์ ๊ณต ๊ณผ๋ชฉ > ์น ํ๋ก๊ทธ๋๋ฐ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์น ํ๋ก๊ทธ๋๋ฐ - ํผ(์ค์ต) (0) | 2020.09.17 |
---|---|
์น ํ๋ก๊ทธ๋๋ฐ - dom (0) | 2020.09.17 |
์น ํ๋ก๊ทธ๋๋ฐ - form์ ์์ฉ (0) | 2020.09.17 |
์น ํ๋ก๊ทธ๋๋ฐ - form (0) | 2020.09.17 |
์น ํ๋ก๊ทธ๋๋ฐ- ํฉํ ๋ฆฌ์ผ, ๊ณผ์ ๊ตฌ๋งคํ๊ธฐ (0) | 2020.09.05 |