src absolute path problem

Question

I have an image in C:\wamp\www\site\img and i try to display it in a page with this:

<img src="C:\wamp\www\site\img\mypicture.jpg"/>

but it's not working.The file is actually there and if I try to refer to it with a relative path i got the picture

<img src="../img/mypicture.jpg">

where is the error?what am I missing?? thank you again guys!

I'm COMPLETELY new to programming and web design. Got here for I had the same problem that stated in the question. I had the image in another disk other than C, so it did not work.- After some research, and taking a look at the adress bar, I noticed some extra slashes, and now I can see the image where it's supposed to be.- Just in case someone might find it useful: Oh, by the way, I guess there is not a 'localhost' for I am not using one, the html file is on same disk, but it's not -yet- on a server(He, have no idea how to do it! =D).- Thanks to everyone — Robergto, Nov 11 '15 at 17:50

score 18 · Accepted Answer · answered Mar 01 '11 at 17:11

18

You should be referencing it as localhost. Like this:

<img src="http:\\localhost\site\img\mypicture.jpg"/>

answered Mar 01 '11 at 17:11

rlb.usa

1

thanks i used your suggestion but with forward slashes and now i have my image..but i was wondering why for example my css referenced with "c:\wamp\www\site\css\mycss.css" works instead?? – luca Mar 01 '11 at 17:26
8

Never use backward slashes in urls – leonbloy Mar 01 '11 at 18:59
5

(late comment, i know) Simply because the protocol is wrong, there is no `C:` protocol. You could have used the `file://` protocol instead if you really wanted to (not necessarily `http://`localhost), and yes, no backward slashes as leonbloy said – Teodor Sandu Dec 16 '13 at 08:15
is there any way i could catch or know that image is broken? – Muneem Habib Sep 18 '15 at 16:33
@MuneemHabib See here http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images – rlb.usa Sep 18 '15 at 17:04

score 12 · Answer 2 · answered Apr 01 '15 at 08:02

12

<img src="file://C:/wamp/www/site/img/mypicture.jpg"/>

answered Apr 01 '15 at 08:02

forzagreen

score 12 · Answer 3 · answered Mar 01 '11 at 17:10

12

I think because C would be seen the C drive on the client pc, it wont let you. And if it could do this, it would be a big security hole.

answered Mar 01 '11 at 17:10

Luke Duddridge

what do you mean? explain please – luca Mar 01 '11 at 17:16
If you reference things from C drive; for one the file would need to be located in the same location on everyone's pc. I'm not saying that what you want to do was a big hole, but imaging if you were able to start up command prompt, by linking to it via the C root. – Luke Duddridge Mar 01 '11 at 17:27
I got it Luke thanks!now I was wondering why i didn't encounter the same problem with my css file referenced the same using my "C drive" – luca Mar 01 '11 at 17:32
1

You might have to do some research on that, but I think it has something to do with how the page is rendered, objects defined in the header section are rendered pre the page load, so although you are asking for c:\xxx.css it is actually being found as if on the server, am waffling might not be even close :). I have another suggestion, if you want to have absolute links you can reference your images via from the root of your IIS by the following: `src="/site/img/mypicture.jpg"` – Luke Duddridge Mar 02 '11 at 09:03

score 2 · Answer 4 · edited May 23 '17 at 12:09

2

Use forward slashes. See explanation here

edited May 23 '17 at 12:09

Community

answered Mar 01 '11 at 17:11

leonbloy

score 1 · Answer 5 · edited Sep 14 '21 at 06:37

1

First open the image in any web browser. Then copy the path and add it as image source location like this :

src="file:///C:/wamp64/www/site/img/mypicture.jpg"

edited Sep 14 '21 at 06:37

narcis dpr

answered Sep 14 '21 at 02:58

2

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-ask). – Community Sep 14 '21 at 05:31
File path should be relative path which doesn't include drive path. – Dipten Sep 14 '21 at 08:03

5 Answers5