前提:图片在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);
}
}
}
获得: