Authorized image src embedded in a markdown component in angular app

I have this issue with an angular application I'm creating, I have a markdown component and a a feature to upload images and attach it to the markdown content with an image tag.

<img src="http://whatever.com?filename=myimage.jpg"/>


The problem is that the API endpoint that respond with the image needs to be authenticated like the rest of the application so the image can only see by the users logged in.

I tried interceptors but of course I don't think that will work basically because it is out of the Angular Http Client request.

Open for some ideas here, thanks

Continue reading...