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

我在我的localhost web服务器上显示图像文件时遇到问题。我添加了html <img>标签，没有任何错字错误，但仍然无法查看我的图像。html映像标记不显示XAMPP文件中的图像

下面是像我的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%; 
}

The image path

来源

2014-12-26 Raaj Lokanathan

是在同一个地方作为你的HTML，如果不检查路径图像 – himanshu

是的，我检查了3次以上..它在正确的路径@himanshu –

你的图像位于哪里，如果图像和html位于相同的文件夹，那么它的作用是''否则将文件夹路径如' – IqbalBary

你可以尝试从profile.png在更换src值在公共服务器上托管的URL链接 http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png

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

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

EDIT1：还要确保窗口没有附加文件格式的图像。它应该是profile.png，默认情况下appends.png最终成为profile.png.png窗户因而不能不加载图像

来源

2014-12-26 11:34:00 user3592479

我试过使用的网址，图像确实显示，但是一旦我将url图像保存到我的文件中它不显示图像 –

删除文件中的文件格式名称，然后再试一次 – user3592479

对不起，我可以知道如何知道Windows不附加文件格式？ –

你的源路径不正确用<img src=".img/profile.png" alt="photo">

来源

2014-12-26 11:54:25 embem

对不起，我可以知道这是什么区别2行代码？ –

。代表当前目录 – embem

更换 <img src="img/profile.png" alt="photo">
U可以使用此

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

来源

2014-12-26 12:20:12

你应该从你的项目的主文件夹内开始你的地址。例如，如果项目的主文件夹被称为“项目”，并且所有其他文件夹和文件都放置在此文件夹中，并且您的“img”文件夹也在此处，则您的寻址是真实的，否则您必须更改它并从我说的地方开始。

希望它可以帮助...

来源

2014-12-26 12:41:32

我已经解决了这个问题。它是与Web服务器的问题..所以现在它的工作

来源

2014-12-26 16:38:17

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

回答

相关问题