Develop!/script, Ajax

이미지 파일 업로드 전에 사이즈 미리 체크하기...^^

체리필터 2006. 11. 13. 14:20
728x90
반응형

처음으로 팁텍을 올리는 군요... ^^;;
이미지 파일일 경우... 파일을 업로드 하기 전에 미리 크기를 체크하는 스크립트입니다.
다른 파일일 경우에는 안 해 봤는데... 아마도 안될꺼 같구요...^^;;
이미지 파일은 잘 되는 거 같습니다.^^;;

다음은 소스입니다...

***************************************************************************

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language='javascript'>
function fileSize() {
   alert(document.aaa.pre.fileSize);
}

function dreamkos_imgview()
{
   img_pre = 'pre';
   if(event.srcElement.value.match(/(.jpg|.jpeg|.gif|.png)/)) {
       document.images[img_pre].src = event.srcElement.value;
       document.images[img_pre].style.display = '';
    }
   else {
       document.images[img_pre].style.display = 'none';
   }
}
</ script>


<table bordercolordark="#ffffff" bordercolorlight="#bccad5" bgcolor="#e4e9de" border="1" cellpadding="1" cellspacing="0">

<form name="aaa">
<tbody><tr>
<td><font color="green">♤</font> 이미지를 선택하십시요. <font color="green">♤</font></td>
</tr>
<tr>
<td><input name="dreamkos_file" size="32" onchange="dreamkos_imgview()" type="file"></td>
</tr>
<tr>
<td><img id="pre" style="display: none;" border="0"></td>
</tr>

<a href="javascript:fileSize();">aaa</a>

</tbody>

</form></table>
728x90
반응형