js获取图片高度和宽度

// HTML
<img id="myImage" src="path/to/image.jpg" alt="Sample Image">

// JavaScript
const img = document.getElementById('myImage');
console.log('Width:', img.width);
console.log('Height:', img.height);

const img = new Image();
img.src = 'path/to/image.jpg';

img.onload = function() {
    console.log('Width:', img.width);
    console.log('Height:', img.height);
};

img.onerror = function() {
    console.error('Image failed to load');
};

function getImageSize(url) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.src = url;
        img.onload = () => {
            const canvas = document.createElement('canvas');
            const context = canvas.getContext('2d');
            canvas.width = img.width;
            canvas.height = img.height;
            context.drawImage(img, 0, 0);
            resolve({ width: img.width, height: img.height });
        };
        img.onerror = () => reject(new Error('Image failed to load'));
    });
}

getImageSize('path/to/image.jpg')
    .then(size => console.log('Width:', size.width, 'Height:', size.height))
    .catch(error => console.error(error));