HTML img 刷新图片的问题

需要上传图片预览.但是第二次上传图片显示的时候发现之前的图片没有改变.后经过分析发现是地址相同第二次改变img src属性的时候图片未发生改变,浏览器第二次不会去请求服务器。

今天在做ajax上传图片时：由于新上传的图片会处理成和原来的图片名称一样，这样就造成img标签的src看起来是没有变化的，所有就不会重新请求图片。

解决方案很easy:

在修改img的src属性的时候加上一个随机数即可,让浏览器以为每次请求的服务都不同.

加一个随机数

image.attr('src', data.message+'?'+Math.random());  

或者加一个时间戳

var url=data+"?s="+ (new Date()).getTime();
$("#upload_right_img_img").attr("src",url);