网络编程
位置:首页>> 网络编程>> JavaScript>> js读取图片的宽和高

js读取图片的宽和高

作者:佚名 来源:动网 发布时间:2007-08-04 10:14:00 

标签:读取图片,js

看到了很多关于如何读出图片的长度的高度的方法,其实都不实用,大多都是通过图片的大小来判断的,图片的种类众多,通过大小来判断难免要制造很多的代码,加重运行负担,我想了一个比较简单的方法,大家看看是否可行,不过我没有调试,就粗略的说以下,大家自己试试看咯。
提交的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好象能够将大于浏览器尺寸的图片自动缩小,呵呵,不过类似的办法总是有的,我没有实验,大家有时间实验一下了。



0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com