img的src属性设置从后台方法获取图片资源，不起作用？

[编程南山下]

1.前台的jsp页面设置一张图片和对应按钮如下：
<img src="${pageContext.request.contextPath}/user/captcha-image.do" id="kaptchaImage" class="img-sty"/>
<button type="button" class="btn btn-md btn-warning change" onclick="changeCode()">换一张</button>
2.按钮的点击事件，JavaScript函数如下：
function changeCode() { //刷新
$('#kaptchaImage').removeAttr("src");
$('#kaptchaImage').hide().attr('src', contextPath+'/user/captcha-image.do').fadeIn();
}
3.'/user/captcha-image.do'对应的后台方法如下：

	
@RequestMapping("/captcha-image")  
public ModelAndView getKaptchaImage(HttpServletRequest request, HttpServletResponse response) throws Exception {    
	    /*设置返回头信息，内容类型为图片*/      
		response.setDateHeader("Expires", 0);  
		response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");  
		response.addHeader("Cache-Control", "post-check=0, pre-check=0");  
		response.setHeader("Pragma", "no-cache");  
		response.setContentType("image/jpeg");  
	    /*产生验证码，并设置在session中*/    
		String capText = captchaProducer.createText();
		request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);  
		/*产生验证码图片，并返回给前端*/   
		BufferedImage bi = captchaProducer.createImage(capText);  
		ServletOutputStream out = response.getOutputStream();  
		ImageIO.write(bi, "jpg", out);  
		try {  
			out.flush();  
		} finally {  
			out.close();  
		}  
		return null;  
	}  

问题来了，为什么每次刷新页面的时候，验证码都可以正常更换。
但是点【换一张】那个按钮的时候，验证码却不会变化？
更奇怪的是，如果连续快速点击【换一张】的时候，验证码就会变化了。
真是头疼啊，望大神指点迷津

[二月十六]

审查元素看看，src里是啥

[编程南山下]

经得一大神指点，已解决，方法如下： $('#kaptchaImage').hide().attr('src', contextPath+'/user/captcha-image.do?'+new Date().getTime()).fadeIn(); 加时间戳，防止缓存。

[jio可]

不加时间戳就永远是一样的，因为路径一样

[kse_music]

如同https://www.oschina.net/question/3134296_2235888