www.jbmf.net > js如何获取没写wiDth和hEight的img标签中图像的尺寸?

js如何获取没写wiDth和hEight的img标签中图像的尺寸?

<html><head><script type="text/javascript">function ready() { var image = document.getElementById("image"); alert(image.offsetWidth + " * " + image.offsetHeight);}</script></head><body onload="ready();"><img src="./a.jpg" id="image" /></body></html>

获取不到,使用时要定义

直接访问width属性和height属性就可以,前提是你不能设置这两个属性,否则取回的不是图像的真实尺寸,而是你设置的值.如:<br>&lt;img id=&quot;aa&quot; src=&quot;t.jpg&quot; onload=&quot;javascript:loaded();&quot;&gt;<br>&lt;script type=

给img添加加载事件,图像加载完成才能获取图片的尺寸.<br>html中添加onload<br>function showSize(img){<br>alert(img.width);<br>alert(img.height);<br>}<br>&lt;div style=&quot;width:100px;height:600px&quot;&gt;&lt;img src=&quot;1.jpg&quot;

(1)var img=document.getElementById("img"); var width=img.getAttribute("width"); var height=img.getAttribute("height"); document.getElementById("html").innerHTML("宽度:"+width,"高度:"+height);(2)上述img为图片的id,html为需要现在在某个位置的id

楼上的代码只能获得一个被 img 标签定义的图片的显示高宽, 无法获得该图片的真正高度与宽度,如, 有一幅图abc.jpg, 宽高为 1024 / 768, 但是使用 <img src="abc.jpg" id="img1" width="800" height="600" />时你所看到的图片被

<html><body><img alt="" src="/images/44.jpg" style="width:80px; height: 50px;" title="第1张图" /><br /><img alt="" src="/images/45.jpg" style="width:82px; height: 53px;" title="第2张图" /><br /><img alt="" src="/images/46.

var _w = parseInt($(window).width());//获取浏览器的宽度$(".new_mess_c img").each(function(i){var img = $(this);var realWidth;//真实的宽度var realHeight;//真实的高度//这里做下说明,$("<img/>")这里是创建一个临时的img标签,

<p><img id="img" src="1.jpg"/><br/><a href="javascript:;" id="a">获得图片尺寸顺便查看原图</a><br/><img id="newImg"/><script> var img=new Image(); img.src=document.getElementById("img").src; var width=img.width,height=img.height; alert(width+" "+height); document.getElementById("newImg").src=img.src;</script>

// 创建对象 <br>var img = new Image(); <br>// 改变图片的src <br>img.src = 图片路径; <br>// 打印 <br>alert('width:'+img.width+',height:'+img.height);<br>不知道你看的懂不,这代码不难

相关搜索:

网站地图

All rights reserved Powered by www.jbmf.net

copyright ©right 2010-2021。
www.jbmf.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com