Angular-Cli force component to reload image cache

Question

I have a project in Angular CLI, it has the lft menu (where I store some navigation and user informations include user image. On the right side there is oth

Answer 1

If I understand, the browser doesn't do request to image, because it's cached. It's because image path is the same.

So you can put timestamp to image path at the end:

 //   <img [src] = '/path/to/image?timeStamp=123123' />


    class SomeComponent{
    imageSrc: string = '/path/to/image';
//    getTimeStamp(): number{
//     return Date.now();
//    }

    // or call this when you need update image

    updateImageSrc(): string{
       this.imageSrc= `/path/to/image?timeStamp=${Date.now()}`

    }

    }

Update:

 <img [src] = "imageSrc" />

Code example. Look at network tab