之前在做一个用户维护个人信息的页面时,发现当用户上传新的头像后,我用js去更新img的src属性,页面上却仍然显示原来的头像。
图片上传成功后,img的src值不变,但是对应的图片已经改变了。
获取图片的src请求如下:
<img src="xxx/public/api/getUserPhoto?userId=12345"></img>
此时按道理从后端再发一次请求的话,是能够获取最新的图片的。
后来上网查了资料,发现是因为当img的src没有变化时,浏览器不会重新发送src对应的请求去加载图片,而是直接使用缓存里的图片,即之前的头像。
解决的方法很简单,在……