js中 和 的不同图片大小

<img id="myImage" src="example.jpg" width="300" height="200">

// 获取图片的实际尺寸
var img = document.getElementById('myImage');
console.log(img.width);  // 输出图片宽度
console.log(img.height); // 输出图片高度

// 获取图片文件的大小
var img = new Image();
img.src = 'example.jpg';
img.onload = function() {
    var xhr = new XMLHttpRequest();
    xhr.open('HEAD', img.src, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                console.log('图片文件大小: ' + xhr.getResponseHeader('Content-Length') + ' 字节');
            }
        }
    };
    xhr.send(null);
};