在前端中有許多時候希望顯示圖片的的真實大小的場景(如果圖片預(yù)覽這樣的場景)，如果直接用選擇器把html中的img元素選擇出來然后輸出他的width()和height()的話，如果對img元素有做樣式限定的則輸出的是樣式中的高度和寬度,無法得出圖片的真實像素大小。這里可采用新建個圖片對象，然后直接載入(這里可以用load載入)整個圖片然后在或者其高寬屬性即可。

成都創(chuàng)新互聯(lián)專注于豐寧企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),電子商務(wù)商城網(wǎng)站建設(shè)。豐寧網(wǎng)站建設(shè)公司,為豐寧等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站制作，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

如以下demo代碼

$(document).ready(function(){    
    $("img").each(function () {    //獲取所有img元素,進行遍歷    
        $("").attr("src", this.src).on("load", function () {     //這里使用的jquery新建一個img對象進行添加attr屬性,把src添加上去,然后進行載入事件
            var imgw = this.width;                     //這里的width和height就是圖片實際的寬高了
            var imgh = this.height;
            alert("imgw:" + imgw + ',' + "imgh:" + imgh);
        });
    });
});