Question

jsp页面上图片大小判断

jsp页面上：
<input type="file" name="pic" id="pic">
<input type="button" value="开始上传" onclick=check();
<script>
function check(){
.........在这里校验图片的大小，宽、高像素等
}
</script>
------------------------------------------------------
我查到，说是要用js中的Image() 对象，
请问该怎么写，朋友们帮帮忙，小弟感激不尽。

Answer 1

/判断图片类型
var f=document.getElementById("File1").value;
if(f=="")
{ alert("请上传图片");return false;}
else
{
if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f))
{
alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
return false;
}
}

function CheckFile(f,p)
2{
3//判断图片尺寸
4var img=null;
5img=document.createElement("img");
6document.body.insertAdjacentElement("beforeend",img);
7img.style.visibility="hidden";
8img.src=f;
9var imgwidth=img.offsetWidth;
10var imgheight=img.offsetHeight;
11if(p.name=="UpFile_Photo1")
12{
13if(imgwidth!=68||imgheight!=68)
14{
15alert("小图的尺寸应该是68x68");
16}
17}
18if(p.name=="UpFile_Photo2")
19{
20if(imgwidth!=257||imgheight!=351)
21{
22alert("中图的尺寸应该是257x351");
23}
24}
25if(p.name=="UpFile_Photo3")
26{
27if(imgwidth!=800||imgheight!=800)
28{
29alert("大图的尺寸应该是800x800");
30}
31}
32//判断图片类型
33if(!/\.(gif|jpg|jpeg|bmp)$/.test(f))
34{
35alert("图片类型必须是.gif,jpeg,jpg,bmp中的一种")
36return false;
37}
38return true;
39}

1<input type="file" id="UpFile_Photo1" runat="server" name="UpFile_Photo1"
2size="35" onpropertychange="CheckFile(this.value,this)">小图<br />
3<input type="file" id="UpFile_Photo2" runat="server" name="UpFile_Photo2"
4size="35" onpropertychange="CheckFile(this.value,this)">中图<br />
5<input type="file" id="UpFile_Photo3" runat="server" name="UpFile_Photo3"
6size="35" onpropertychange="CheckFile(this.value,this)">大图<br />

追问

非常感谢，再请问一下，我上传了一张图片，101*151像素，使用Image对象的width 和 height 属性得到的却是 12 和 18，请问这是怎么回事，如何得到像素值