Im working on a project where i get a link to an image from my DB.
This is the code which loads the image.
export const PostImage = styled.div`
background-image: url(${props => (props.bgimg ? props.bgimg : singlePostBgImg)});
background-position: center center;
background-size: cover;
height: 600px;
position: relative;
when i am using a link of this type it works perfectly:
http://s3.amazonaws.com/xxx.com/xxx-images/hotel-4_thumb.jpg
however, when i use a link to an image inside my own computer, no picture is displayed.
file:///C:/Users/Andre/Desktop/PFP/pssv.jpg
C:/Users/Andre/Desktop/PFP/pssv.jpg
when i use the Links in the browser they work perfectly. What did i wrong?