javascript - 重新加载图像而不刷新页面

Javascript:

function atualiza() {
  document.getElementById('badge').innerHTML = location.reload();
}

我知道“location.reload()”将刷新页面...

HTML:

<img id="badge" src="<?php echo $cms_url; ?>/imaging/badge.php?badge=$mygroup['badge']; ?>" />

我需要在不刷新页面的情况下刷新src=""或<img />。

最佳答案

将您的img标记更改为此:

<img id="badge" src="$cms_url/imaging/badge.php?badge=$mygroup['badge']; ?>">/imaging/badge.php?badge=<?php echo $mygroup['badge']; ?>" />

然后，您可以使用以下代码在单击按钮， anchor 或其他任何东西时更改图像源:

document.getElementById("badge").src="new image src here";

您也可以使用jQuery:

$("#badge").attr("src", "new image src here");

关于javascript - 重新加载图像而不刷新页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21322868/