html图像标记不显示XAMPP中的文件图像

Question

我无法在localhost网络服务器上显示我的图片文件。我添加了html <img>标记，没有任何拼写错误，但仍无法查看我的图片。

下面是我的图片的html代码：

<div id="circle">
   <img src="img/profile.png" alt="photo">
</div>

这是我的CSS代码：

#circle {
border-radius: 50%;
overflow: hidden;
width: 150px;
height: 150px;
text-align: center;
}

#cirlce img {
 display: block;
min-width: 100%;
min-height: 100%;
}

Answer 1

  

你可以使用这个

     

<div id="circle"> <img src="./img/profile.png" alt="photo"> </div>

Answer 2

你应该从你项目的主文件夹里面开始你的地址。 例如，如果项目的主文件夹名为'project'，并且所有其他文件夹和文件都放在此文件夹中，并且'img'文件夹也在此处，则表示您的地址为真，否则您必须更改它并开始从我说的地方。

希望它有所帮助...

Answer 3

您可以尝试将profile.png中的src值替换为公共服务器中托管的URL链接 http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png

如果成功加载，您的图像位于何处。根据现有代码，profile.png应与index.html文件一起放置。否则创建一个新文件夹＆＃39; images＆＃39;并将profile.png粘贴到那里，将src值更改为图像文件夹位置

<img src="images/profile.png" alt="photo">

EDIT1： 还要确保窗口没有将文件格式附加到图像。它应该是 profile.png ，默认情况下是windows appends.png，最终会变成 profile.png.png ，因此无法加载图片

Answer 4

您的源路径不正确将<img src="img/profile.png" alt="photo">替换为<img src=".img/profile.png" alt="photo">

Answer 5

我已经解决了问题..这是因为网络服务器问题..所以现在它正在工作