js 获取图片原始尺寸

前提:图片在div中已经设置好宽高,希望获取图片原始尺寸

<img id="image" class="item" :src="src" @click="imgClick">
.item{
    
    
    width: 120px;
    height: 160px;
}

获取图片原始尺寸

imgClick(e){
    
    
	var nImg = new Image()
    // 将图片尺寸赋值给nImg
    nImg.src = e.target.src

    // 图片已经存在于浏览器缓存
    if(nImg.complete){
    
    
        console.log('nImg', nImg.width, nImg.height);
    }else{
    
    
        nImg.onload = function(){
    
    
            console.log('nImg', nImg.width, nImg.height);
        }
    }
}

获得:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_36687211/article/details/129734880