jquery 获取图片大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取图片大小</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <img id="myImage" src="path/to/your/image.jpg" alt="示例图片">

    <script>
        $(document).ready(function() {
            var image = $('#myImage');
            var width = image.width();
            var height = image.height();

            console.log('图片宽度: ' + width);
            console.log('图片高度: ' + height);

            // 或者通过 attr 方法获取
            var widthAttr = image.attr('width');
            var heightAttr = image.attr('height');

            console.log('图片宽度 (attr): ' + widthAttr);
            console.log('图片高度 (attr): ' + heightAttr);
        });
    </script>
</body>
</html>