【发布时间】：2015-03-04 09:00:06
【问题描述】：
图片库页面有一个包含 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" />');
对图片没有改变感到失望，但也不太惊讶。
如何强制浏览器刷新图片？
【问题讨论】：
-
你可以在图片末尾附加一个查询字符串，这样它就应该清除缓存的图片，所以
thb_02.jpg?blahblah -
你会在 src= 行上这样做吗？如：
src="img/gallery/thb_02.jpg?abcde？就这样？ -
是的，如果您希望查询字符串是唯一的，您可以获取例如时间戳。