js 获取图片原始尺寸

困困的果果头

于 2023-03-23 17:08:20 发布

阅读量304

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_36687211/article/details/129734880

js 专栏收录该内容

9 篇文章

订阅专栏

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