谁知道用js怎么样控制用户上传图片的尺寸啊

我没有把意思说明白，在我的页面里有一个文件上传的文件域，当用户点击选好图片时我就对它进行判断，用户选这张图的尺寸是不是我设定好的图片，如果不是刚弹出提示
如:我设置的是 200 *200 的，用户上传的是400*400就弹出提示。
注：img图像是自己创建的。

你可以让用户把上传的图片的路径放在一个文本里，然后旁边有确定按钮，然后再点按钮的时候触发js，然后进行判断然后一个alert

是这样子的吗？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script>
function check(url){
var img=new Image();
img.src=url;
if(img.width!=200&&img.height!=200){alert("请选择像素为：200*200的图片")}
}
</script>
</head><body>
<input type="file" name="picurl" onchange="check(this.value)" />
</body>
</html>

忘记清空文件域了，帽似FF不能下不能清空，只能重构文件域了LZ自己解吧

IE下清空是这样子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script>
function check(url){
var img=new Image();
img.src=url;
if(img.width!=200&&img.height!=200){alert("请选择像素为：200*200的图片");document.getElementById("picurl").outerHTML=document.getElementById("picurl").outerHTML;}
}
</script>
</head><body>
<input type="file" name="picurl" id="picurl" onchange="check(this.value)" />
</body>
</html>

我要的效果就是8楼所写的这种效果~
昨天花了一晚的时间我自己又写了一个，不过和8楼的有点不一样。
和8楼相比不知道哪种更正确呢~代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>经典原创JS判断图片的尺寸对WEB开发非常有用powerBy REDCherry</title>
</head>
<script>
function chkImg(obj)
{
if(obj!="")
{
var imgObj = document.createElement("img") //创建一个图像对像imgObj
var len = obj.length; //取出文本域值的长度
var filetype = obj.substring(len,len-4) //获取文件类型（取字符串的最后四个字符）
var Imgwidth = imgObj.width/10; //得到图像的宽度
var Imgheight = imgObj.height/10; //得到图像的高度
var appWidth = 200 //设置图片尺寸变量宽度
var appHeight = 150 //设置图片尺寸变量高度
imgObj.width = Imgwidth
imgObj.height = Imgheight
imgObj.src= obj; //将文件域的地址赋值给图像对像 ,这句话一定要写在赋值之后哦，不然会出错的.
if(filetype!=".jpg")
{
alert("您选择的文件不是.jpg的图片文件!")
return
}
//这个IF语句用来判断用户上传图片合不合法
if(imgObj.width!=appWidth && imgObj.height!=appHeight)
{
alert("您上传的这个图片大小不合法!")
return;//返回
}
else
{
document.body.appendChild(imgObj) //把图片显示出来
}
}
}
</script>
<body>
<form id="f1" name="f1" enctype="multipart/form-data" method="post" action="">
<input type="file" name="fileField" id="fileField" onchange="chkImg(this.value)" />
</form>
</body>
</html>

var img=new Image();var imgObj = document.createElement( "img ") 这两种写法有什么区别啊？

一个dom里没有，创建一个Image类，
一个是，dom里有，得到这个dom的引用

调试易

谁知道用js怎么样控制用户上传图片的尺寸啊

解决方案 »