请选择您要上传的图片:








 


--------------------------------说明------------------------

...,Bullcn'Blog - 分享、交流、进步。" /> 如何判断上传图片的长与宽 - Bullcn'Blog
Asp 订阅所有【Asp】的日志

如何判断上传图片的长与宽

作者:cmscn 日期:2005-04-11

字体大小: 小 中 大

<P>请看下面的源码：</P>
<P><BR> </P>
<P><FONT color=#ffff00><html><BR><body><BR><form action="" ENCTYPE="multipart/form-data" method="post" name=form1><BR><table border=0 width=100% cellspacing="0"><BR><tr><BR><td width="30%">请选择您要上传的图片:</td><BR><td width="70%"><input type="file" name="pic" onChange="document.images['aa'].src=document.form1.pic.value"></td><BR></tr><BR></table> <BR><p align="center"><input type="submit" value="提交" onclick="return checkform()"><BR></form><BR><img id="aa"><BR></body><BR></html><BR><script><BR>function checkform(){<BR>var w=700;<BR>var h=700;<BR>var ww=document.images['aa'].width;<BR>var hh=document.images['aa'].height;<BR>if (ww>w){<BR>alert('上传图片长度限制为'+w+'\n当前长度为'+ww);<BR>return false;<BR>}<BR>if (hh>h){<BR>alert('上传图片高度限制为'+h+'\n当前高度为'+hh);<BR>return false;<BR>}<BR>return true;<BR>}<BR></script></FONT></P>
<P><BR> </P>
<P>--------------------------------说明------------------------</P>
<P><BR> </P>
<P>首先：在选择图片后(onchange来判断),在id为aa的图像标签显示图片。</P>
<P><BR> </P>
<P>然后在提交时读取id为aa的图像的长宽（即上传的图像的长宽）</P>
<P><BR> </P>
<P>得到图像的长宽就可以根据此来限制上传文件的长和宽了。</P>


文章来自: Original
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 5 | 引用: 6 | 查看次数: 922
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.
字数限制 20 字 | UBB代码 关闭 | [img]标签 关闭