圖片不會顯示但上傳到服務器正常

Question

我想使用上傳工具來允許用戶上傳個人資料圖片。 上傳部分工作正常......但是，當我嘗試顯示下面上傳的圖像時，它顯示為損壞的圖像。 我已經從這里的問題中嘗試了很多不同的示例代碼，我一遍又一遍地遇到同樣的問題。 任何幫助，將不勝感激！ 抱歉，如果我的格式是垃圾...我很新

這是我的upload.php

<?php require 'config/init.php';
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 20000000000000000000000)
&& in_array($extension, $allowedExts))
  {
if ($_FILES["file"]["error"] > 0)
  {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
  }
 else
  {
    echo "Upload: " . $_FILES["file"]["name"] . "<br>";
    echo "Type: " . $_FILES["file"]["type"] . "<br>";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";

   if     
(file_exists("/images/" . $_FILES["file"]["name"]))
  {
  echo $_FILES["file"]["name"] . " already exists. ";
  }
   else
  {
  move_uploaded_file($_FILES["file"]["tmp_name"], "/images/" . $_FILES["file"]["name"]);
  echo "Stored in: " . "upload/" . $_FILES["file"]["name"]."<br>";

$image = $_FILES["file"]["name"]; 
$img = "/images/".$image;
echo "<img src=\"/images/$img\">";
  }
  }
 }
else
{
  echo "Invalid file";
}


?>

這是我的 html 表單

 <form action="upload.php" method="post" enctype="multipart/form-data">
 <label for="file">Filename:</label>
 <input type="file" name="file" id="file" /> 
 <br />
 <input type="submit" name="submit" value="Submit" />
 </form>

Answer 1

您正在回顯 HTML 標簽圖像標簽，如下所示：

<img src="/customers/2/e/e/jessicarosedavidson.co.uk//httpd.www/AIDAc3410801/assets/images/SOME_IMAGE.JPG">

這不是客戶端瀏覽器的有效網址。 您需要返回對該圖像有效的 URL，由您的服務器提供。

編輯：實際上，情況更糟，因為您使用相同的路徑定義了$img ，然后再次在它前面加上路徑，所以您的 URL 看起來像：

<img src="/customers/2/e/e/jessicarosedavidson.co.uk//httpd.www/AIDAc3410801/assets/images//customers/2/e/e/jessicarosedavidson.co.uk//httpd.www/AIDAc3410801/assets/images/SOME_IMAG.JPG">

檢查瀏覽器的輸出。

Answer 2

正如 Hamish 在另一個答案中指出的那樣，您將本地文件路徑與遠程 URL 混淆了。 雖然 PHP 可以很好地處理硬盤驅動器上的文件，但您顯然不想將其暴露給外界。 因此，您依靠 Apache 將某些文件路徑轉換為 ​​URL。 根據您上面的評論，我認為這應該可以解決問題。 請注意本地文件路徑 ( $file_location ) 與 URL ( $image_url ) 的占位符變量。

<?php
require 'config/init.php';
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
    || ($_FILES["file"]["type"] == "image/jpeg")
    || ($_FILES["file"]["type"] == "image/jpg")
    || ($_FILES["file"]["type"] == "image/pjpeg")
    || ($_FILES["file"]["type"] == "image/x-png")
    || ($_FILES["file"]["type"] == "image/png"))
    && ($_FILES["file"]["size"] < 20000000000000000000000)
    && in_array($extension, $allowedExts)
) {
    if ($_FILES["file"]["error"] > 0) {
        echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
    } else {
        echo "Upload: " . $_FILES["file"]["name"] . "<br>";
        echo "Type: " . $_FILES["file"]["type"] . "<br>";
        echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
        echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";
        $local_file = "/customers/2/e/e/jessicarosedavidson.co.uk//httpd.www/AIDAc3410801/assets/images/" . $_FILES["file"]["name"];
        $image_url = "/AIDAc3410801/assets/images/" . $_FILES["file"]["name"];

        if (file_exists($local_file)) {
            echo $_FILES["file"]["name"] . " already exists. ";
        } else {
            move_uploaded_file($_FILES["file"]["tmp_name"], $local_file);
            echo "Stored in: " . $local_file ."<br>";
            echo "<img src=\"$image_url\">";
        }
    }
} else {
  echo "Invalid file";
}
?>