javascript获取远程图片的原来的尺寸大小

最新推荐文章于 2021-01-17 14:52:29 发布

chengyue2007

最新推荐文章于 2021-01-17 14:52:29 发布

阅读量425

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/chengyue2007/article/details/83642956

javascript 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态加载图片并获取其尺寸的方法。通过创建img元素并监听readystatechange及error事件，可以在不阻塞页面加载的情况下获得图片的实际宽度和高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
img.attachEvent("onreadystatechange",orsc);
img.attachEvent("onerror",oe);
document.body.insertAdjacentElement("beforeend",img);
img.src=inp.value;
}
function oe()
{
alert("cant load img");
}
function orsc()
{
if(img.readyState!="complete")return false;
alert(img.offsetHeight+":"+img.offsetWidth);
}
</script>
<input id=inp style="width:400" value="1.jpg">
<button onclick="s()">获取</button>