我有以下 html 代码，当我在浏览器中将其拉出时，图像要么不显示，要么显示损坏的图像：
<!DOCTYPE html>
<html>
<head>
<title>Lets Play Battleship</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>
Battleship
<p><img src="battleship-game-board.jpg" width = "120" height = "90"/></p>
</h1>
<p><a href="http://www.freeonlinegames.com/game/battleships"> Click Here to Play Battleship</a></p>
</body>
</html>
要使图像正常工作，您可以使用：
绝对路径：
<img src="http://www.domain.com/MyImages/battleship-game-board.jpg"/>
或
相对路径：
<img src="../MyImages/battleship-game-board.jpg"/>
如果图像存在于同一文件夹中，并且 html 文件存在，那么您可以使用：
<img src="battleship-game-board.jpg" width = "120" height = "90"/>
更多详情这里
注意：在所有情况下，图像都必须存在于给定路径中。
这是由于以下原因。
1>战舰-game-board.jpg 不在同一文件的同一目录下。
2>battleship-game-board.jpg 不包含有效权限。如果您使用的是 Linux，则必须对 Battleship-game-board.jpg 图像指定 755 权限。
你可以使用
chmod 755 战舰游戏板.jpg
<img src="battleship-game-board.jpg" width = "120" height = "90"/>.
src=""中的内容应该是路径，而不是图片的标题。这意味着您应该输入battleship-game-board.jpg的路径，而不是图像名称。
迁移网站后，我一直在寻找同样的问题，几天来图像没有显示，有数千张图像，我知道这些图像存在。如果我尝试直接连接到图像，则会收到 403 错误消息。我在另一个论坛上发现了一篇关于热链接保护的帖子。我更改了该网站的域，并且为图像文件（.jpg、.gif、.png）启用了热链接。我正在通过 cPanel 在共享服务器上工作，当我检查允许的推荐人列表时 在cPanel中，新域不在列表中。没有明显的方法可以将域添加到列表中，但我发现如果禁用保护然后重新启用它，新域将出现在列表中。完成后，所有图像都会显示。