javascript 怎么获得SRC图片的高宽

javascript 怎么获得SRC图片的高宽,第1张

写了一个简单的例子,应该是你说的动态获取!

<img id="abc" src="time1gif" />

<div id="oId" style="background-color:#ccc; border:1px solid #ddd; color:#00f; width:100px; height:100px; line-height:100px; text-align:center;"></div>

<script type="text/javascript">

var oImg = documentgetElementById('abc');

var oId = documentgetElementById('oId');

var i = 1;

function checkimg(){

if(i<3){

i++;

alert(oImgsrc);

oImgsrc='time'+i+'gif';

oIdinnerHTML = oImgwidth;

}

else i = 0;

}

setInterval("checkimg()",5000)

</script>

给img添加加载事件,图像加载完成才能获取的尺寸。

html中添加onload

function showSize(img){

alert(imgwidth);

alert(imgheight);

}

<div style="width:100px;height:600px"><img src="1jpg" onload="showSize(this)"></div>

或者js代码中添加onload

let img=documentquerySelector("div img");

imgonload = function() {

alert(imgheight);

alert(imgwidth);

}

以上就是关于javascript 怎么获得SRC图片的高宽全部的内容,包括:javascript 怎么获得SRC图片的高宽、js如何获取图片显示时的大小尺寸、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9644983.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存