如何在JS中获取图片的像素?

[jiaping108]

如何在JS中获取图片的像素?写个小例子即可

[xiaojing7]

<SCRIPT language= 'JavaScript '>
alert(table.clientWidth);
</SCRIPT>

[jiaping108]

楼上贴的什么东东?
举个例子
<td colspan="3" height=18><span style="font-size:15px;">
<img src="../../Images/PublicImg/Loading.gif" width="16" height="16" align="middle" id="msgid"></td>
那么,Loading.gif这个图片的像素怎么用JS取到?

[Mangafan]

LZ所谓象素是图片的实际高度和宽度吗?
如果是这样的话,你只有搞曲线救国了.

[Mangafan]

我们用一个DEMO来显示一个我的想法:
先设一个不可见图层<br>
<div style="visibility:hidden">
<img id="imgCache" src="http://www.easyjf.com/blog/lengyu/extjs/image011.jpg">
</div>

再设一个用来显示图片的图层<br>
<div>
<div id="divInfo"></div>
<img id="imgShow" src="_bank">
</div>

<script type="text/javascript">
var oCache = document.getElementById("imgCache");
var oShow = document.getElementById("imgShow");
var oInfo = document.getElementById("divInfo");
var lRealWidth = 0;
var lRealHeight = 0;

oCache.onreadystatechange = function(){
oInfo.innerHTML += "imgCache.readyState = " + oCache.readyState + "<br />";
if (oCache.readyState == "complete"){
lRealWidth = oCache.width;
lRealHeight = oCache.height;
oCache.style.display = "none";

oInfo.innerHTML += "Real width: " + lRealWidth + "<br />Real height: " + lRealHeight;
oShow.width = lRealWidth / 2;
oShow.height = lRealHeight / 2;
oShow.src = oCache.src;
}
}
</script>