javascript - 使用服务器上的 svg 生成器更改 img 的 src 属性不会触发 HTTP 请求

Question

这是我的简单情况:

$('#imgId').attr('src', '/genImage');

这是 onclick 处理程序的一部分。 genImage 是一个动态生成 SVG 的节点脚本。该元素的 HTML 为:

<img id="imgId" src="/genImage"></img>

当页面最初加载时，genImage 开始工作并显示图像。 onclick 处理程序无法进行更改。 Chrome 显示根本没有发出请求。我随图像发送的 header 是:

 Content-Type:  image/svg+xml
 Cache-Control: no-store, no-cache, must-revalidate
 Cache-Control: post-check=0, pre-check=0, false 
 Last-Modified: October 21, 2009 00:00:00 GMT 

问题实际上是“/genCaptcha”不是真正意义上的文件。它是服务器代码中生成图像和关联 header 的部分。它在页面最初加载时起作用。我认为它没有重新加载，因为 src 值没有改变，因此 jquery 不会发起新的请求。是这样吗？遇到这种情况该如何处理呢？我可以向请求发送一些随机生成的虚拟参数，使其成为唯一的 URl，但是即使 src 值与以前相同，是否有更好的方法来强制请求？

Answer 1

缓存可能会很痛苦，就在您认为已经强制重新加载时，某些浏览器会出现并执行不同的操作(您好，IE)...只需执行类似的操作

$('#imgId').attr('src', '/genImage?random=' + Math.random());