图片未在浏览器上加载。我不使用服务器只是 html 文件和图像文件

Question

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link rel="stylesheet" href="./home.css">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<body>

<img class = "img" src="/download.jpg" alt="images one">

</body>
</html>

我的 home.html 文件中有此 html 代码，但图像未加载到我的浏览器中图像文件与 html 文件位于同一文件夹中。我做错了什么吗？

Answer 1

根据您的说法，图像文件与您的 HTML 文件位于同一文件夹中。这意味着您可能 link 错误地输入了图像。由于图像位于同一文件夹中，因此您应该 link 通过以下任一方式：

<img class="img" src="./download.jpg" alt="images one"> <!-- Notice the . before the filename -->

或：

<img class="img" src="download.jpg" alt="images one">

任何一个都适合你。

Answer 2

这都是关于你的src路径你可以在vs代码中复制你的图像的确切路径，right-click在你想在网页上显示的图像上，复制相对路径并粘贴到src.注意：有时候需要把\的方向改成这个/才能解决错误。

    <!DOCTYPE html>
     <html lang="en">
     <head>
       <meta charset="UTF-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <link rel="stylesheet" href="./home.css">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Document</title>
    </head>
    <body>
    
    <img class = "img" src="https://scontent.fkhi2-2.fna.fbcdn.net/v/t1.6435-9/83584368_2640398402913663_8086181498509590528_n.jpg?_nc_cat=109&ccb=1-5&_nc_sid=09cbfe&_nc_eui2=AeEj17MLkoima4X0i7rhcW-bOla5rc4Wt-E6Vrmtzha34crlU8ECjYzWPJA5DPQsDhgCQQQazdpg-z8BjOee_Wl4&_nc_ohc=GNVusO-liCcAX_VSOXH&_nc_ht=scontent.fkhi2-2.fna&oh=00_AT9RyzFYP6B_NBbAxuWrvaUCF9KWs-y9NccHcnp3VJgV4A&oe=6231777F" alt="images one">
    
    </body>
    </html>

图片未在浏览器上加载。我不使用服务器只是 html 文件和图像文件

Image not loading on browser. I am not using a server just html file and image file

html

css

image