在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>

，这里是项目结构。

来源

2017-10-16 Rasmita Dash

确保您引用正确的图像，注意小写/大写：你在你的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>

来源

2017-10-16 07:22:36 kerbholz

在Heroku上托管的PHP应用的几张图片没有被加载

回答

相关问题