Javascript 刷新后显示图像

我正在上传上传页面上的Web应用程序中的图像。我需要在AddNewPage上保存图像之前预览图像。我在会话中临时存储图像，以便将所选图像从UploadPage传送到AddNewPage。我需要每次刷新我的页面以在AddNewPage上获得新图像

那是因为缓存吗？或者其他我需要做的事

上传图片页面上的我的代码

fileSelected(event) {

var reader = new FileReader();
reader.readAsDataURL(event.target.files[0]);
reader.onloadend = () => {
    this.Image = reader.result;
    //console.log(this.Image);
    this.storageService.setSessionItem("Image", this.Image)
    //this.Image = base64data;
}
return this.router.navigateToRoute("AddNew");

}

添加新页面上的代码

getImage() {
    this.Image = this.storageService.getSessionItem("Image");
}

---

是否调用了函数

getImage（）

，是否从会话中获取图像？。log

this.Image

是的，我调用了函数并获得了图像，但图像很旧。当我刷新页面时，只有我得到新图像。您使用的是

localstorage

还是

sessionstorage

<代码>打开devtools>转到应用程序选项卡>展开本地/会话存储并检查值。它是旧的还是新的。它得到了一个新值，因为现在我在上传页面加载时清除本地存储值。新问题是，如果不刷新，它不会显示任何图像。您不需要清除存储。当您将值设置为同一个键时，该值将用新值更新。当您导航到

AddNewPage

时，是否在

中获得了新的图像值。如何将值绑定到HTMLID调用的函数
getImage（）
，是否从会话中获得图像？。log
this.Image
是的，我调用了函数并获得了图像，但图像很旧。当我刷新页面时，只有我得到新图像。您使用的是
localstorage
还是
sessionstorage
<代码>打开devtools>转到应用程序选项卡>展开本地/会话存储

并检查值。它是旧的还是新的。它得到了一个新值，因为现在我在上传页面加载时清除本地存储值。新问题是，如果不刷新，它不会显示任何图像。您不需要清除存储。当您将值设置为同一个键时，该值将用新值更新。当您导航到

AddNewPage

时，是否在

this.image

中获得了新的图像值，以及如何将值绑定到html