图像显示在本地主机上，但不在服务器上答案

【问题标题】：Image display's on localhost but not on server图像显示在本地主机上，但不在服务器上
【发布时间】：2020-05-14 02:38:53
【问题描述】：

我的本地主机上有完全相同的代码，它显示的一切都很完美，所以我将文件复制到我在 (000webhost.com) 上托管的服务器，现在它没有显示图像，当我打开检查元素时，它显示的是那个图像在那里，并且图像也与该文件一起上传到保存文件夹。图像在文件的底部。

<html>
<head>
<style>
<!--
body{
background-color:black;
}

 #form{
position:absolute;
top:180px;
left:37%;
border-radius:20px;
padding:10px;
padding-bottom:50px;
background-color:white;
z-index:1;
}

#login_b{
position:relative;
left:38px;
top:30px;
width:150px;
color:white;
background-color:#777777;
 }

#header1 {
position:absolute;
top:115px;
left:39%;
text-shadow:10px 5px 5px #888888;
color:white;
z-index:2;
}

#header2 {
position:absolute;
left:20%;
top:-50px;
font-size:100px;
color: yellow;
}

#image1 {
height:77%;
position:relative;
top:280px;
}
-->
</style>
</head>
</body>

<?php
include 'scripts/config.php';
checkIfLoggedIn();
//error_reporting(0);
if(isset($_POST['submit'])){
$username = $_POST['username'];
$password = md5($_POST['password']);

$q = $dbc->prepare("SELECT * FROM users WHERE username = '$username' AND password =     '$password'");
$query = $q->execute(array(
$username,
$password
));

$count = $q->fetchColumn();
if($count){
    $_SESSION['Username'] = $username;
    header('Location: main.php');
    return;
} else {
    echo '<font color="white">You have entered and incorrect login!</font>';
}
}

?>

<h1 id="header2">ARAM STATS!</h1>
<h1 id="header1">Admin login</h1>
<div id="form">
<form action="" method="POST">

Username:
    <input type="text" name="username">
    <br>

Password:
    <input type="password" name="password">
    <br>

    <input type="submit" name="submit" value="Login" id="login_b">
</form>
</div>
<img src="/lolimage.jpg" id="image1">
</body>
</html>

我是否必须更改服务器上的某些内容？当我突出显示它时，它变成蓝色：http://piclair.com/album 但它不会显示它。没有任何意义。

【问题讨论】：

标签： php html image

【解决方案1】：

我没有足够的声誉来发表评论。

图像文件在哪里？如果它在您页面的同一目录中，您应该尝试

<img src="lolimage.jpg" id="image1">

你提到了一个“保存文件夹”，你的图片在哪里？如果是这样，您应该将目录添加到路径中。

<img src="save/lolimage.jpg" id="image1">

【讨论】：

我展示的文件是 index.php，它位于 image.jpg 所在的同一文件夹中。
所以它不是来自您的路径，而是来自服务器。否则它将与 src="lolimage.jpg" 一起使用。你确定扩展名吗？文件很大吗？尝试不使用 CSS 并尝试从浏览器打开它：yourdomain/lolimage.jpg
文件大小为 250kb，不确定扩展名。删除 CSS 没有帮助。

【解决方案2】：

只需在您的图片名称之前添加您的网站基本网址。这可能对你有帮助

例如，

<img src="<your_sites_base_url>/<image_name>" />

【讨论】：

【解决方案3】：

可能有很多原因 -

尝试通过在浏览器中提供文件夹路径来直接打开图像，例如：xyz.com/yourfolder/imagefolder/images.jpg。如果您能看到它，请检查您为图像提供的 src。它应该是相对路径。根据您的 html/php 文件和图像的位置使用 src = "../path/image.jpg"。如果图像在文件的同一文件夹中，则无需添加'/'

【讨论】：

好的，我尝试了“mywebsitename”/lolimage.jpg 并没有打开。它只是白屏。
图片和html文件相对于htdocs文件夹的位置是什么？
当我转到文件管理器时，有 2 个文件：DO_NOT_UPLOAD_HERE 和 .ftpquota 和 1 个文件夹：public_html 我保存所有网站的位置，因此图像和 html 文件位于 public_html 文件夹中。在那个文件夹中我有另一个文件夹，对于其他图像，htaccess 文件在哪里。
我在这个 url piclair.com/album 中没有找到图片“lolimage.jpg”的任何引用:(