星期五, 四月 30, 2004

如何用Javascript判断上传文件的大小及是否图片.小窍门.

代码使用与IE 6.FireFox需要修改关于层的访问代码.

<html>
<head>
<title>
UploadFile
</title>
<script>
isimage=false;
function displayimg()
{
isimage=false;//判断文件是否图片的标志
var tmpstr=document.mainform.name.value;
if(tmpstr!=null || tmpstr!='')
document.all.contentLayer.document.user.src=tmpstr;
if(isimage==false)alert("文件不是图片");
}
function checksize()
{
isimage=true; //如果文件不是图片,onload的时候就不会调用这个函数
var limitsize=3072;
/*
if (dumy.fileSize>limitsize)
{
mainform.reset();
alert("fileSize should be less than "+limitsize + " bytes");
}
alert("width"+dumy.width+" height"+dumy.height);
*/
}

</script>
</head>
<body bgcolor>
上传:<strong><font size=+1></h1></font></strong>的照片
<FORM name="mainform" action='' ENCTYPE='multipart/form-data' method='POST' >
<INPUT TYPE='file' NAME='name' size="40" maxlength="255" onchange="displayimg();">
<INPUT TYPE='submit' VALUE='start...' >
</FORM>
<hr>
<div id="contentLayer">
Preview:<img id ="dumy" name=user src="../IMAGES/image1/person.GIF" onload="checksize();">
</div>

</body>
</html>