服务器上的图像坏了

Question

我正在制作一个网页，我正在包含这些图片，当我从notepadd ++运行页面时一切正常但在我将其上传到服务器并尝试运行它之后，图像被破坏了我得到了这个控制台上的消息：无法加载资源：服务器响应状态为404（未找到）

<a href="games/rockpaper/main.html"><img class = "rock" src="images/rockpaper.JPG" alt="Thumbnail of the rock-paper-scissors game"><a>


<a href="games/typing/TypingTest.html"><img class = "typing" src="images/typing.JPG" alt="Thumbnaul of the typing test game"><a>

Answer 1

虽然我不完全确定你在评论中说的是什么。我怀疑有两件事：

1. 确保您的图片src与您的实际目录布局相关。例如，如果包含该代码的文件位于“home”中，请确保您的图像位于“home / images / xx.JPG”

2. 如果您在Windows计算机上进行开发并在unix服务器上托管，请确保目录和文件的大小写相同。 Windows与unix不区分大小写。如果您上传了typing.jpg并且正在寻找打字.JPG，则无法找到它。

Answer 2

作为src链接末尾的JPG需要小写。例如

src="images/rockpaper.JPG"

应该是

 src="images/rockpaper.jpg"

Answer 3

您需要使用</a>关闭它们，而不是<a>。