index.html
<html>
<head>
<title>image</title>
</head>
<body>
<p>
<img src="kRIsten stewart.jpg" width="200" height="200" alt="Kristen stewart" title="Kristen stewart" />
<img src="pics/Emilia clarke.jpg" height="200" width="200" alt="emilia clarke" title="emilia clarke" />
<img src="jordan-peterson.jpg" height="200" width="200" alt="jorden-peterson" title="jorden-peterson" />
<img src="pics/Kate winslet.jpg" height="200" width="200" alt="kate winslet" title="kate winslet" />
<img src="/4. Codes/HTML/hosted2/Mel robbins.jpg" height="200" width="200" alt="Mel robbins" title="Mel robbins"/>
<img src="raining gif.gif" height="200" width="200" alt="raining gif" title="raining gif" />
</p>
</body>
</html>
Location : F:/4. codes/html/hosted2/
This hosted2 folder is hosted on surge.sh . It contains index.html file, jorden-peterson.jpg, kristen stewart.jpg, Mel robbins.jpg, raining.gif. It also contains a folder named pics, which contains Emilia clarke.jpg, and kate winslet.jpg.
When I open this index.html using file scheme file:/// F:/..., all 6 pics display in the web-browser.
But when I open this file through URL http://unsuitable-rate_bonapart.surge.sh/ where it is hosted, I am unable to see kristen stewart.jpg and Mel robbins.jpg. Why is that ?
1.kristen stewart.jpg.
I make 2 letters uppercase while giving path in index.html file KRIsten stewart.jpg. But in location the file is kristen stewart.jpg
5.Mel robbins.jpg
/4. Codes/HTML/hosted2/Mel robbins.jpg I gave absolute path.
So what I feel that on browser while uploading I uploaded hosted2 folder so it doesn't know upper folders to that(hosted2) so It can't show Mel robbins.jpg and kristen stewart.jpg. I feel it's due to surge.sh might have policy that the file name should be case sensitive.
So I feel this. I don't know exactly. Please explain why this is happening.
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
