87,915
社区成员
发帖
与我相关
我的任务
分享js验证上传图片
现在无法判断图片大小(100*80)像素，获取的width和height总是前一个图片的大小，请大虾们帮忙看看，小弟先谢谢了~~~
<!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 runat="server">
<title>无标题页</title>
<script type="text/javascript" defer>
var oFileChecker = document.getElementById("fileChecker");
//验证判断变量
var flag= true;
function btnCheck()
{
if(!flag)
{
alert("签名图片验证未通过！");
}
return flag;
}
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
check();
}
function check()
//oFileChecker.onreadystatechange = function ()
{
oFileChecker.style.display="none";
if(isAllowedAttach(oFileChecker.src))
{
//alert(oFileChecker.readyState);
if (oFileChecker.readyState == "complete")
{
if(checkSize())
{
oFileChecker.style.display="block";
}
}
}
else
{
alert("只能上传 jpg 格式的图片文件！");
flag = false;
return false;
}
}
function checkSize()
{
alert(oFileChecker.width+" "+oFileChecker.height);
/*var limit = 20 * 1024;
if (oFileChecker.fileSize > limit)
{
alert("上传的图片大小不能超过20K,请重新上传！");
flag = false;
return false;
}*/
if(oFileChecker.width>100 || oFileChecker.height>80)
{
alert("请上传不大于 100 * 80 像素的图片文件！");
return false;
}
else if(oFileChecker.fileSize==-1)
{
alert("图片导入错误，请重试或联系管理员！\n(引起的原因可能是图片太大或没有把本网站添加到信任区域)");
flag = false;
return false;
}
else
{
return true;
}
}
function isAllowedAttach(sFile)
{
//var sUploadImagesExt = " .jpeg .bmp .jpg .png .gif";
var sUploadImagesExt = " .jpg";
var sExt = sFile.match( /\.[^\.]*$/ ) ;
if (sExt)
{
sExt = sExt[0].toLowerCase();
}
else
{
return false;
}
if ( sUploadImagesExt.indexOf( sExt ) != -1 )
{
return true;
}
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 99%" class="db">
<tr>
<td style="" align="right">
</td>
<td align="center">
联系方式:<asp:TextBox runat="server" ID="txtPhone" Width="100px"></asp:TextBox>
签名图片:<asp:FileUpload runat="server" ID="fupSignPic" onchange="changeSrc(this)"
contenteditable="false" />
<img src="about:blank" id="fileChecker" style="display:none;" />
<p style="color: Red;">
图片格式JPG格式，大小为100*80像素</p>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td align="center">
<asp:Button ID="btnCommit" runat="server" Text="确定" OnClientClick="return btnCheck(); " />
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
