jquery - Jquery动态加载图像

Question

当我的页面加载时，我有一个空图像，在用户输入正确的查询字符串后，我解析它并使用 AJAX 返回图像的 ID/位置。

<a class="bigImg rght" style="width:258px;">
<img src="" alt="Slide" width="298" height="224" /></a>

然后我将新的 id 附加到 img src 字段中，但它没有做的是加载新图像。

parent_img.attr("src","http://www.mysite.com/files/"
+(data.offset_num)+"/"+(data.offset_id)).fadeIn(1000);

所以现在我的 html 看起来像这样：

<a class="bigImg rght" style="width:258px;">
<img src="http://www.mysite.com/files/4823413/008234" alt="Slide" width="298" height="224" /></a>

这是正确的位置，但它没有刷新图像， 我该如何强制它这样做？因此新图像已加载。

Answer 1

我通过在图像末尾添加一个随机 ID 来解决这个问题。

var img_src = '/images/path_to_image.jpg?' + new Date().getTime();
$('#img_id').attr('src', img_src);