new Image 读取宽高为0——onload

获取图片一张图片的大小

let img = new Image()
img.src = imgUrl

if ( img.width != 375 || img.height != 200 ) {
    message.error(‘请上传375*200大小的图片’)
    return false
}

发现有时img的宽高读取都为0,但是图片url地址是正确的。
这边存在一个问题, 当给img赋值src 的时候,其实是去请求了这个url获取图片资源,但是在执行img.width != 375 || img.height != 200 这行代码的时候,有可能图片资源尚未请求到,所以自然读取的数值为0.
解决的方法是在确保图片已经被加载后(onload),再执行对应的方法:

复制代码
var img = new Image()
var img1 = new Image(100, 100) 
//注意onload写在src赋值前比较好
img.onload = () =>{
    console.log(img.width, img.height) //210 92
    console.log(img1.width, img1.height) //100 100
}
img.src = './1.png'
img1.src = './1.png'
复制代码

参照:https://blog.csdn.net/yezi_Z/article/details/92805827

posted @   vickylinj  阅读(1401)  评论(1编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示