毕业设计网
开发环境 |

js控制图片上传尺寸格式

 

<html> 
         <head> 
         <title>上传图片</title>    
         </head> 
        <body>
<script language="JavaScript">
function orsc()
{
if(img.readyState!="complete")return false;
if(img.offsetWidth>=200){
alert("您选择的图片大小:"+img.offsetWidth+"x"+img.offsetHeight+"px"+"请选择宽小于200像素的图片")
imgT=true;
}
//alert("图片大小:"+img.offsetWidth+"X"+img.offsetHeight);
//alert("图片尺寸:"+img.fileSize);
}
function mysubmit(theform)
{
if(theform.file1.value=="")
{
alert("请点击浏览按钮,选择您要上传的JPG或GIF文件!")
theform.file1.focus;
return (false);
}
else
{
str= theform.file1.value;
strs=str.toLowerCase();
lens=strs.length;
extname=strs.substring(lens-4,lens);
if(extname!=".jpg" && extname!=".gif")
{
alert("请选择JPG或GIF格式的文件!");
return (false);
}else{
document.getElementById("loadImg").src=theform.file1.value
if(document.getElementById("loadImg").offsetWidth>=200){
alert("您选择的图片大小:"+document.getElementById("loadImg").offsetWidth+"x"+document.getElementById("loadImg").offsetHeight+"px"+"请选择宽度小于200像素的图片")
return (false)
}
}

}

}
</script>
<form onSubmit="return mysubmit(this)" name="form" method="post" enctype="multipart/form-data">
<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td><input type="hidden" name="act" value="upload"><input type="file" name="file1" value="">
<input type="submit" name="Submit" value="上传" >
</td>
</tr>
</table>
<div style="width:120px;height:120px;overflow:hidden;/*控制图片预览大小*/"><img id=loadImg></div>
</form>
         </body> 
         </html>

以上是一部分介绍,如需要完整的资料或者如不符合您的要求,请联系技术人员qq:242219979咨询

上一篇:Hibernate load(), get() , find() 区别
下一篇:BigDecimal 的roundMode 舍位模式


版权所有 毕业设计网联系qq:242219979 © 2007-2022