Use local image source in html <img> element [duplicate]

Question

I have image on my machine that I want to display in img element.

<img class="card-image" src="'file:///C:/Users/.../KITCHEN/imgname.png'"/>

But I get this error:

1 Not allowed to load local resource: file:///C:/Users/.../KITCHEN/imgname.png

Any idea how to fix this issue.

UPDATE: images outside the project folder

have the image in the same folder as the html and don't call it with file: etc. — imvain2
– imvain2, Commented Jan 21, 2021 at 19:59
Why an absolute path? Are your images outside the project folder? — s.kuznetsov
– s.kuznetsov, Commented Jan 21, 2021 at 19:59

hco · Accepted Answer · 2021-01-21 20:01:32Z

1

You should not give an exact local path. You can use a relative path. Here is detailed explanation.

answered Jan 21, 2021 at 20:01

hco

6871 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1