How can i get the URL of a jpg Image and visualize it into a mat-card component in angular

Question

I need asistance about how can i select a picture in jpg format in my localhost, get its url and visualize this picture in a matcard in angular. If a get the url through google image it generates the Url for me, then i copy this and paste it in the corresponding field in my database in postgresql and it runs perfectly by displaying the user image only where the urls were included, in otherwise the image field is in blank.

I saw some tutorials and they mention i need to swap my web server port so my browser seek in the rigth place for such image needless to say in angular it works with a single page application. Honestly i don't know where do i have to begin at.

thanks in advance