Use local image source in html element

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, Jan 21 '21 at 19:59
Why an absolute path? Are your images outside the project folder? — s.kuznetsov, Jan 21 '21 at 19:59

score 1 · Answer 1 · answered Jan 21 '21 at 20:01

1

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

answered Jan 21 '21 at 20:01

hco

1 Answers1