图像不会立即改变

Question

在服务器成功响应后，我正在更改 img，但它不会立即更改。我必须重新加载页面才能看到新图像。

将照片上传到服务器后，下面是我用于用户 ID ${userId} 的个人资料照片的 URL。在 url 的末尾我使用随机数来避免缓存。

var img = "photohandler/fetchprofilepics/${userId}/profilePhoto/<%=new Random().nextInt()%>";
$(".profilePhoto").attr("src",img);

如果在浏览器中粘贴相同的 url 它的显示图像。

在 spring/servlet 中的服务器端：

byte bytes[] = new byte[byteBuffer.remaining()];            
byteBuffer.get(bytes, 0, bytes.length);
bufferedOutputStream = new BufferedOutputStream(response.getOutputStream());
bufferedOutputStream.write(bytes);

Answer 1

试试吧：

var img = "photohandler/fetchprofilepics/${userId}/profilePhoto/<%=new Random().nextInt()%>";    
$(".profilePhoto").attr("src",img + '?'+ $.now());

我猜这将消除缓存问题。

编辑： 好的，我认为您的问题是您认为在页面呈现后服务器端代码仍在客户端处理...