更改图像而不刷新整页

Question

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

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

Answer 1

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

按钮点击事件，你可以这样做。

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

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

Answer 2

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

注意：如果您向新图片网址添加版本会更好，这样您的图片就不会被缓存。

Answer 3

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