Question

尝试在浏览器中查看index.html文件时，它不显示任何图像。我看到一个损坏的图像图标。

我检查了页面并收到以下错误：

无法加载资源：net :: ERR_FILE_NOT_FOUND

图像位于主文件夹（即测试站点）中的图像文件夹（即图像）中

我尝试使用多种浏览器：Firefox，Chrome，Internet Explorer。

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>

<body>
  <img src="\test-site\images\japanese.png" alt="My test image">
</body>

</html>

我正在尝试显示此图像。但是，损坏的图像图标显示但没有图像...

错误：无法加载资源：net :: ERR_FILE_NOT_FOUND

Answer 1

使用相对路径。

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>

<body>
  <img src="./test-site/images/japanese.png" alt="My test image">
</body>

</html>

Answer 2

如果index.html文件位于测试站点文件夹（主文件夹）内，则无需在链接中包括该文件：

 <img src ="./images/japanese.png" alt ="My test Image">

应该为您工作，因为圆点代表您已经在其中的文件夹。

Answer 3

如果index.html文件位于测试站点文件夹（主文件夹）内，则无需在链接中包括该文件：

它应该为您工作

Answer 4

如果您的图片和index.html位于同一文件夹中，则

    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
    </head>

    <body>
      <img src="./images/japanese.png" alt="My test image">
      <!-- or  ->
      <img src="images/japanese.png" alt="My test image">
 
    </body>

    </html>

Google Chrome浏览器上的HTML不显示我的图片

4 个答案: