在Heroku上托管的PHP应用的几张图片没有被加载
问题描述:
我使用Github作为SCM &已启用Heroku上的自动部署。我正在尝试用Heroku编写简单的HTML,CSS,JS应用程序&用于部署的PHP。我的所有图像都可以在Git中使用,图像的相对路径也是正确的。还有一些图像没有反映在页面&给404,而其中大多数确实出现。这可能是什么原因?在Heroku上托管的PHP应用的几张图片没有被加载
这里的代码片段
.bgimg1 {
background-image: url('images/Top_Image.jpg');
}
<body class="background">
<div class="loader"></div>
<div class=" bgimg1">My top content </div>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/1.jpg" alt="img" height="50%" width="100%">
</div>
<div class="item">
<img src="images/2.jpg" alt="img" height="50%" width="100%">
</div>
</div>
</body>
答
确保您引用正确的图像,注意小写/大写: 你在你的HTML引用*.jpg
(小写)时,文件名真的是.JPG
(大写)。
更正代码:
.bgimg1 {
background-image: url('images/Top_Image.JPG');
}
<body class="background">
<div class="loader"></div>
<div class=" bgimg1">My top content </div>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/1.JPG" alt="img" height="50%" width="100%">
</div>
<div class="item">
<img src="images/2.jpg" alt="img" height="50%" width="100%">
</div>
</div>
</body>