html - 更改图像而不刷新整个页面

Question

我在 div 中有一个图像控件。在此图像下，我显示了一个更改图像的按钮。在更改图像时，我将用图像文件夹中的新图像替换最后一张图像。所以对于以前的图像和新的图像路径将是相同的。

那么现在如何在不刷新该页面的情况下显示新图像。

score 3 · Accepted Answer

您如何更改文件夹中的图像。

在按钮单击事件上，您可以执行此操作。

您可以通过传递一个额外的变量来强制浏览器重新加载图像，如下所示：

 clickfunction()
 {
 d = new Date();
 $("#myimg").attr("src", "/myimg.jpg?"+d.getTime());
 }

score 1 · Accepted Answer

您可以执行 AJAX 调用来更改图像路径，从服务器获取然后更改的图像将在不刷新整个页面的情况下显示。

注意：如果你在新的图片 URL 中添加一个版本会更好，这样你的图片就不会被缓存。

score -1 · Accepted Answer

如果您不关心页面的加载时间，您也可以在同一页面内的 div 中加载所有其他 img，但不要显示它们 - 用 js 替换...（更易于使用/页面速度较慢/不是很动态的... => 一般来说，一些 ajax 魔法更适合）

3 回答 3