刷新图像而不刷新页面
Refresh image without refreshing page
图库页面有一个 table 包含 12 张图片。用户可以通过单击所需图像并上传新照片来更新图像。图片全部命名为01.jpg，02.jpg，等等，12.jpg。上传新图片时，它会自动调整大小并与要替换的图片同名。
问题：当上传对话框关闭时，文件系统中的图像已经改变，但屏幕上的图像仍然是旧图像。 （注意：如果我在文件系统和 img 标签中重命名图像，那么图像会在屏幕上改变）。
我尝试清除旧 img 元素的 table 单元格，并将其替换为......好吧，相同的代码：
$("#td_02").html("");
$("#td_02").html('<img id="img_02" class="gimg" src="img/gallery/thb_02.jpg" />');
虽然很失望，但对图像没有改变并不感到惊讶。
如何强制浏览器刷新图像？
您可以将查询字符串附加到图像的末尾，这样它应该会清除缓存的图像，因此 thb_02.jpg?blahblah 或者获取当前时间戳（如果您希望它是一个唯一值）确保它始终抓取最新图像。
图库页面有一个 table 包含 12 张图片。用户可以通过单击所需图像并上传新照片来更新图像。图片全部命名为01.jpg，02.jpg，等等，12.jpg。上传新图片时，它会自动调整大小并与要替换的图片同名。
问题：当上传对话框关闭时，文件系统中的图像已经改变，但屏幕上的图像仍然是旧图像。 （注意：如果我在文件系统和 img 标签中重命名图像，那么图像会在屏幕上改变）。
我尝试清除旧 img 元素的 table 单元格，并将其替换为......好吧，相同的代码：
$("#td_02").html("");
$("#td_02").html('<img id="img_02" class="gimg" src="img/gallery/thb_02.jpg" />');
虽然很失望，但对图像没有改变并不感到惊讶。
如何强制浏览器刷新图像？
您可以将查询字符串附加到图像的末尾，这样它应该会清除缓存的图像，因此 thb_02.jpg?blahblah 或者获取当前时间戳（如果您希望它是一个唯一值）确保它始终抓取最新图像。