有没有办法用jquery读出图像的"naturalWidth"？

当然可以！在 jQuery 中，可以使用 .naturalWidth 属性来读取图像的原始宽度。以下是一个简单的示例，展示了如何使用 jQuery 读取图像的 "naturalWidth"：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>jQuery NaturalWidth Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <img id="example-image" src="example-image.jpg" alt="Example Image" style="display:none;">
   <script>
        $(document).ready(function() {
            var naturalWidth = $('#example-image')[0].naturalWidth;
            console.log('The natural width of the image is: ' + naturalWidth + 'px');
        });
    </script>
</body>
</html>

在这个示例中，我们首先引入了 jQuery 库。然后，我们在页面上添加了一个图像元素，并将其 display 属性设置为 none，以便在页面上不显示它。接下来，我们使用 jQuery 选择器选择该图像，并通过 $('#example-image')[0].naturalWidth 读取其原始宽度。最后，我们将结果输出到控制台。

请注意，由于浏览器可能会在加载图像时缓存其尺寸，因此在某些情况下，.naturalWidth 可能不会立即提供有效值。在这种情况下，您可能需要等待图像完全加载，然后再尝试读取其 "naturalWidth"。您可以使用 jQuery 的 .on('load', function() {...}) 事件处理程序来实现这一点，如下所示：

$('#example-image').on('load', function() {
    var naturalWidth = this.naturalWidth;
    console.log('The natural width of the image is: ' + naturalWidth + 'px');
});

这将确保在图像加载完成后才尝试读取其 "naturalWidth"。