javascript로 file업로드 이전에 파일사이즈체크

Javascript 2008. 1. 11. 15:34

javascript를 이용해서 local의 파일사이즈를 체크할수는 없다.
다만 꼼수가 존재할 뿐이다.

1. file type이 이미지인 경우에 한해서 체크하는 방법
<html>
<script language="javascript">
function checksize()
{

var im = new Image();
im.src = document.formname.sample_img.value;

//alert(im.width);
//alert(im.height);
alert(im.fileSize);
}
</script>
<body>
<form name="formname" action="imageupload" method="post">

<p>파일명 <input type="file" name="sample_img" >
<input type="button" value="send" onclick="checksize()">

</form>
</body>
</html>

2. ActiveX Object를 활용하는 방법
    사용자가 confirm해줘야 하는 문제가 있음.

<html>
<script>
function check()
{
var oas = new ActiveXObject("Scripting.FileSystemObject");
var d = document.a.b.value;
var e = oas.getFile(d);
var f = e.size;
alert(f + " bytes");
}

</script>
</head>
<body>
<form name="a">
<input type="file" name="b">
<input type="button" name="c" value="SIZE" onClick="check();">
</form>
</body>
</html>

설정

트랙백

댓글