刷新图像而不刷新页面

Question

图片库页面有一个包含12张图片的表格。用户可以通过单击所需图像并上传新照片来更新图像。图像全部命名为01.jpg，02.jpg等，12.jpg。上传新图像时，会自动调整其大小，并为其替换的图像指定相同的名称。

问题：关闭上传对话框后，文件系统中的图像已更改，但屏幕上的图像仍为旧图像。 （注意：如果我在文件系统和img标签中重命名图像，则屏幕上的图像会发生变化）。

我尝试清除旧img元素的表格单元格，并将其替换为......好吧，相同的代码：

$("#td_02").html("");
$("#td_02").html('<img id="img_02" class="gimg" src="img/gallery/thb_02.jpg" />');

失望，但并不太惊讶，图像没有改变。

如何强制浏览器刷新图像？

Answer 1

您可以将查询字符串附加到图像的末尾，这样就可以清除缓存的图像，因此thb_02.jpg?blahblah或获取当前时间戳，如果您希望它是唯一值以确保它总是抓住最新的图像。