JS:判断上传图片的宽度和高度

来源：百度知道 编辑：UC知道 时间：2024/05/30 06:46:22
如何用JS 判断上传图片的宽度和高度，代码如下：

<form id="Form1" method="post" runat="server">
<table>
<tr>
<td>小图</td>
<td><input class="input01" id="PersonImage1" style="WIDTH: 280px; HEIGHT: 18px" type="file"
onchange="checkData1()" size="27" name="PersonImage1" runat="server">     <asp:image id="Image1" name=Image1 runat="server" Width="150" Height="100"></asp:image></td>
</tr>
<tr>
<td>大图</td>
<td><input class="input01" id="PersonImage2" style="WIDTH: 280px; HEIGHT: 18px" type="file"
onchange="checkData2()" size="27" name="PersonImage2" runat="serve

checkimg(){
var maxW=750;
var maxH=750;
var maxS=500;
if (all.img.width>maxW ){
alert("宽度超过"+maxW+"pix,请调整后上传");
}
if (all.img.height>maxH ){
alert("高度超过"+maxH+"pix,请调整后上传");
history.go(0);
}
if (all.img.fileSize/1024>maxS ){
alert("大小超过"+maxS+"k,请调整后上传");
history.go(0);
}
}
</>
<FORM name=form action="" method=post encType=multipart/form-data>
<INPUT onpropertychange=all.img.src=this. type=file name=upload>

<INPUT type=submit =提交>
<IMG style="POSITION: absolute; TOP: -100000px" ='alert("非图片类型！");' =checkimg(); name=img>
</FORM>