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

Question

我正在努力使我的图像在模式中更加可靠/响应更快。

我正在从我的数据库 (MySQL) 中提取图像源并在模态上显示图像。

我有这个代码:

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

之后这是我的 JavaScript

    function getImage(imgsrc){
      $("#item-thumb").attr("src",imgsrc);
      var height = $('#item-thumb').height();
      if(height > '600'){
        console.log(height);
      }else{
        console.log(height);
      } 
    }

我的问题是，当我获取图像的高度时，它总是输出 0。我认为脚本本身只获取空白图像，我想？有没有其他方法可以使用 jQuery 获取图像的尺寸？

Answer 1

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

正确

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

致:

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

此外，href='#view-image' 的用途是什么。

您是否在单击链接或调用 onclick 事件时更改哈希值？