php - 如何确定图像何时完成加载？

Question

我有一段 php 代码可以随机加载图像。我正在尝试确定图像何时加载，以便我可以对其执行一些额外的操作。这是我当前加载图片的方式:

// Gets my image
$sql = "SELECT id FROM images WHERE user_id=$owner_user_id LIMIT 0,1";
$imgres = mysql_query($sql);
if ($imgres) {
    $imgrow = mysql_fetch_array($imgres, MYSQL_ASSOC);
    if (!empty($imgrow)) {
        echo ('<image src="img.php?id=' . $imgrow['id'] . '" id="profile_img" style="visibility:hidden"/>');
    }
}

我需要做的其中一项操作是获取图像的宽度。我得到这样的图像:

alert("IMAGE WIDTH:"+$('#profile_img').width());

它当前返回 0，因为它在加载图像之前被调用。我已经尝试将此方法调用添加到我的 document.ready block 中，但它仍然会在加载图像之前被调用。有没有一种简单的方法可以确定图像何时加载？

Answer 1

$(document).ready(function(){
    $('#img_id').load(function() {
       alert('image is loaded');
        });
});

这样就可以了