使用相同的值更新后，JQuery不刷新属性

Question

<img th:with="imageUrl=${@myService.getImageUrl()}" th:src="${imageUrl != '' ? imageUrl : 'images/blank.jpg'}" alt="user-image" class="img-thumbnail img-responsive" id="profile-img"/>

网址会在春季加载时自动更新，现在如果您更改图片（通过上传新图片），网址仍然会相同，但强制jquery重新加载图片（我不会想要重新加载整个页面）我打电话：

var imgSrc = $('#profile-img').attr('src');
$('#profile-img').attr('src', imgSrc );

这将基本上是相同的URL，我只是更改它以强制JQuery重新加载图像，因为即使它是相同的URL，实际内容在后台更改。有更好的方法吗？

Answer 1

图像可能已缓存，请尝试使用缓存存取器或配置服务器以告知浏览器不要缓存图像。

缓存破坏者

$('#profile-img').attr('src', imgSrc + '?dc='+(new Date()).getTime() );