У меня возникла проблема с перезагрузкой изображения на моем угловом веб-сайте.
Когда я пытаюсь установить новое изображение для профиля пользователя (например, его фото профиля), я отправляю сообщение на свой контроллер с фотографией.
uploadPhoto(photo:File) {
this.photo=photo;
const fd=new FormData();
fd.append('image',this.photo,this.photo.name)
this.dataService.postImage("Image","Accounts/UploadImage",fd).subscribe((data:any)=>{
window.location.reload();
console.log("zdjecie dodane")},
(err: HttpErrorResponse) => {
console.log(err)
})
}
Проблема в том, что мой контроллер перезаписывает эту фотографию по старой ссылке src.
моя переменная ts
this.imageUrl=sessionStorage.getItem('userImageUrl')
и HTML:
<img [src]="imageUrl" />
На данный момент мне нужно перезагрузить сайт, чтобы увидеть новые фотографии.
Как я могу сделать это без перезагрузки страницы ??