关于如何读出图片的高度与长度的总结
2002-03-11 10:24:24 来源:WEB开发网核心提示:看到了很多关于如何读出图片的长度的高度的方法,其实都不实用,关于如何读出图片的高度与长度的总结,大多都是通过图片的大小来判断的,图片的种类众多,不过类似的办法总是有的,我没有实验,通过大小来判断难免要制造很多的代码,加重运行负担
看到了很多关于如何读出图片的长度的高度的方法,其实都不实用,大多都是通过图片的大小来判断的,图片的种类众多,通过大小来判断难免要制造很多的代码,加重运行负担,我想了一个比较简单的方法,大家看看是否可行,不过我没有调试,就粗略的说以下,大家自己试试看咯。
提交的form这么写,我就简单一点了
<form ....name=theform>
<img id='thepic' src=''>
<input type=hidden name=picwidth>
<input type=hidden name=picheight>
<input type=file name=picfile onchange="document.all.thepic.src=document.theform.picfile.value;document.theform.picwidth=document.all.thepic.width;document.theform.picheight=document.all.thepic.height">
</form>
其实原理很简单,如果没有给img指定大小,那么显示的图片就是它本身的尺寸了,这样,图片的长和宽就分别放置在picwidth和picheight元素中了.
就这样了,不过ie6好象能够将大于浏览器尺寸的图片自动缩小,呵呵,不过类似的办法总是有的,我没有实验,大家有时间实验一下了。
提交的form这么写,我就简单一点了
<form ....name=theform>
<img id='thepic' src=''>
<input type=hidden name=picwidth>
<input type=hidden name=picheight>
<input type=file name=picfile onchange="document.all.thepic.src=document.theform.picfile.value;document.theform.picwidth=document.all.thepic.width;document.theform.picheight=document.all.thepic.height">
</form>
其实原理很简单,如果没有给img指定大小,那么显示的图片就是它本身的尺寸了,这样,图片的长和宽就分别放置在picwidth和picheight元素中了.
就这样了,不过ie6好象能够将大于浏览器尺寸的图片自动缩小,呵呵,不过类似的办法总是有的,我没有实验,大家有时间实验一下了。
更多精彩
赞助商链接