js判断上传图片大小与高宽的代码
发布时间：2015-04-28 编辑：jiaochengji.com
分享一例js判断上传图片大小与高度、宽度的代码，学习下使用js脚本检测上传的图片信息的方法，有需要的朋友做个参考。
例子：
复制代码 代码示例:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>js判断上传图片大小与高宽_www.jiaochengji.com</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<input type="file" onchange="checkimg(this.value)">
</body>
</html>
<script language="javascript">
<!--
var bb="dd";
bb+="图片";
alert(bb);
function checkimg(path)
{
var img=document.createelement("img");
img.src=path;
if(img.readystate == "complete")
{
var errormsg="";
//判断大小
var fs=img.filesize;
fs=math.round(fs/1024);
alert(img.width+"--"+img.height);
var imgw=img.width;
var imgh=img.height;
if( parseint(imgw)<280 ){ errormsg+= "图片宽度应大于280px,请检查";}
// if(imgh<280){errormsg += "图片高度最少得>=280px，请检查";}
if(fs>140){errormsg+="图片大小不能大于140k";}
if(errormsg!="")
{
alert(errormsg);
return false;
}
else
{
return true;
}
}
else
{
checkimg(path);
}
}
//-->
</script>
<html>
<head>
<title>js判断上传图片大小与高宽_www.jiaochengji.com</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<input type="file" onchange="checkimg(this.value)">
</body>
</html>
<script language="javascript">
<!--
var bb="dd";
bb+="图片";
alert(bb);
function checkimg(path)
{
var img=document.createelement("img");
img.src=path;
if(img.readystate == "complete")
{
var errormsg="";
//判断大小
var fs=img.filesize;
fs=math.round(fs/1024);
alert(img.width+"--"+img.height);
var imgw=img.width;
var imgh=img.height;
if( parseint(imgw)<280 ){ errormsg+= "图片宽度应大于280px,请检查";}
// if(imgh<280){errormsg += "图片高度最少得>=280px，请检查";}
if(fs>140){errormsg+="图片大小不能大于140k";}
if(errormsg!="")
{
alert(errormsg);
return false;
}
else
{
return true;
}
}
else
{
checkimg(path);
}
}
//-->
</script>
您可能感兴趣的文章：
js判断上传图片大小与高宽的代码
js判断上传图片类型与大小
js判断file上传文件大小与尺寸
Js验证上传图片及扩展名的代码实例
js检测上传图片的大小
js判断上传文件类型与大小(兼容多浏览器)
js判断上传文件类型与文件大小等信息
js实现大图显示实例
JS判断图片是否加载完成并获取图片宽度
html5 canvas和JavaScript如何实现本地截图
上一篇：js检测上传图片的大小
下一篇：JS获取各种浏览器窗口大小
[关闭]