每次我动态填充它时，Bootstrap模态似乎都在缓存我的图像。有没有办法清除这个？

Question

所以我使用jquery来获取图库中的图像url并动态填充bootstrap模式。它似乎工作正常但是在某些浏览器中我注意到当你关闭模态并尝试打开不同的图像时，旧图像会在加载新图像之前弹出。在做了一些调试后，我注意到每次打开模态时，似乎每次打开模态时都会触发show.bs.modal。它似乎缓存了加载到模态中的每个先前图像。有没有办法在hidden.bs.modal / hide.bs.modal上清除它？

我试过这段代码，但似乎没有用。

$('body').on('hidden.bs.modal', '.modal', function () {
       $(this).removeData('bs.modal');
})

这是一个用于演示正在发生的事情的代码：Example Code

如果你看看控制台，你可以看到我在说什么。对不起，如果它有点乱，我仍然是编码的新手。

Answer 1

您提到它只发生在某些浏览器上。也许是因为浏览器本身的缓存属性？清除浏览器缓存后会发生什么？