Javascript 如何获取图像加载后的尺寸？

我正试图让我的形象在一个模态中更可靠/更具响应性

我正在从我的数据库（MySQL）中提取图像源，并在模式上显示图像

我有以下代码：

<a class='modal-trigger' href='#view-image' onclick='getImage(`<?php image source; ?>`)'></a>

$('#item-thumb').load(function () {
  console.log($(this).height());
});

---

我的问题是，当我得到图像的高度时，它总是输出0。我想剧本本身只是一张空白的图像，我想是吧？有没有其他方法可以使用jQuery获取图像的维度？

首先，您必须使用单引号将字符串传递给javascript，，传递时使用反勾号

科雷特

<a class='modal-trigger' href='#view-image' onclick='getImage(`<?php image source; ?>`)'></a>

致：

另外，

href='#查看图像'

的目的是什么

---

您是在单击链接时更改哈希值还是调用

onclick

事件？

首先，您必须使用单引号将字符串传递给javascript，，传递时使用反勾号

科雷特

<a class='modal-trigger' href='#view-image' onclick='getImage(`<?php image source; ?>`)'></a>

致：

另外，

href='#查看图像'

的目的是什么

---

您是在单击链接时更改哈希值还是调用

onclick

事件？

如果需要获取图像高度，则需要在dom（文档）上渲染图像，除非无法获取图像高度

如果数据库中有图像数据，则使用

PHP

---

list（$width、$height、$type、$attr）=getimagesize（“image_name.jpg”）
如果需要获取图像高度，则需要在dom（文档）上渲染图像，除非无法获取图像高度

如果数据库中有图像数据，则使用
PHP

list（$width、$height、$type、$attr）=getimagesize（“image_name.jpg”）
在获取图像高度之前，需要等待图像加载。尝试使用以下代码：

<a class='modal-trigger' href='#view-image' onclick='getImage(`<?php image source; ?>`)'></a>

$('#item-thumb').load(function () {
  console.log($(this).height());
});

您需要等待图像加载后才能获得其高度。尝试使用以下代码：

<a class='modal-trigger' href='#view-image' onclick='getImage(`<?php image source; ?>`)'></a>

$('#item-thumb').load(function () {
  console.log($(this).height());
});

对不起，这是你应该用数字来比较的高度<代码>高度>'600'
表示按字母顺序进行比较。使用
height>600
。是的，我试过了，但每次我使用控制台时都会这样做。记录高度时，它只显示0，这不应该给您提供解决方案；这只是一个暗示。对不起，这是你应该用数字来比较高度的原因<代码>高度>'600'

表示按字母顺序进行比较。使用

height>600

。是的，我试过了，但每次我使用控制台时都会这样做。记录高度时，它只显示0，这不应该给您提供解决方案；这只是一个暗示，结束吧。我现在的问题是每当我上传一张高度很大的图片时。它与页面重叠。我想为高度设置一个条件href='view-image'用于modal.done。我现在的问题是每当我上传一张高度很大的图片时。它与页面重叠。我想为高度设置一个条件href='view-image'用于模式。如果您有任何疑问，请告诉我如果您有任何疑问，请告诉我