怎样在客户端获取上传图片的长宽?

hubinasm 2005-11-09 01:52:59
这样的获取图片将占用一定的空间:
<input id="FileUpload" type="file" size="27" name="FileUpload" onpropertychange="javascript:img2.src=this.value;">
<img id="img2" src="" style="visibility:hidden;"/>
<input type="button" value="获取" onclick="javascript:abc();">
<script language="javascript">
function abc()
{
alert(img2.width);
}
</script>

我想不让图片占有空间,该如何实现?用下面的只能获取一次
function abc()
{
alert(img2.width);
img2.style.display="none";
}
</script>

...全文
191 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
hubinasm 2005-11-09
  • 打赏
  • 举报
回复
我自己写了下:
<input id="FileUpload" style="WIDTH: 280px; HEIGHT: 22px" type="file" size="27" name="FileUpload" onpropertychange="javascript:GetImage(this);">
<input type="hidden" id="heWight" value="" NAME="heWight"/>
<input type="hidden" id="heHeight" value="" NAME="heHeight"/>
<div style="visibility:hidden;width:0;z-index:3;">
<img id="img2" src="" /></div>
<input type="button" value="ssdsfsf" onclick="javascript:alert(heWight.value);">
<script language="javascript">
function GetImage(e)
{
img2.src=e.value
img2.style.display="";
heWight.value = img2.width;
img2.style.display="none";
}
</script>

解决了 呵呵
dh20156 2005-11-09
  • 打赏
  • 举报
回复
参考:
<FORM name=form action="" method=post encType=multipart/form-data>
<INPUT onpropertychange=document.all.aaaa.src=this.value type=file name=upload>
<BR>
宽:<INPUT name=W>
高:<INPUT name=H><BR>
<INPUT type=submit value=提交>
<IMG style="POSITION: absolute; TOP: -100000px" onerror='alert("类型错误或者目标不存在");'
onload={document.all.W.value=this.width;document.all.H.value=this.height;} name=aaaa>
</FORM>
孟子E章 2005-11-09
  • 打赏
  • 举报
回复
这样做

<input id="FileUpload" type="file" size="27" name="FileUpload" onpropertychange="javascript:img2.src=this.value;">
<img id="img2" src="" style="visibility:hidden;position:absolute;top=-10000"/>
<input type="button" value="获取" onclick="javascript:abc();">
<script language="javascript">
function abc()
{
alert(img2.width);
}
</script> <br>
还没有吗?

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧