파일 업로드시 파일 확장명 구별하여 받기

홈페이지에 사용하는 일반적인 게시판들을 보면 파일업로드시 특정파일을 체크할때 자바스크립트로 체크를 하지 않고 그냥 넘어가서 CGI,PHP,ASP,JSP 등으로 체크를 하는 경우가 많습니다.

이런경우 파일을 다 받을때까지 기다려야 하는 불편함이 있습니다.

아래는 그 예로 확장명이 JPG, HWP, DOC 파일이 아니면 스톱시키는 예제입니다..

<script language="javascript">
function UpLoadFileCheck(name)
{
var name = name.toLowerCase();

if ((/(.jpg|.hwp|.doc)$/i).test(name))
{
return true;
}
else
{
return false;
}
}

function check(form)
{
if (form.FileUpLoad1.value != "")
{
if (!UpLoadFileCheck(form.FileUpLoad1.value))
{
alert ("업로드 가능한 파일이 아닙니다. JPG, HWP, DOC 만 가능합니다.");
form.FileUpLoad1.focus();
return false;
}
}
}
</script>


<form name='form' onsubmit="return check(this)">
<input type="file" name="FileUpLoad1">
<input type="submit" value="확인">
</form>

응용은 각자가 알아서 다양하게 하시기 바랍니다.