如何使用PHP實現一個簡單的線上圖片上傳和展示系統-php教程-PHP中文網

如何使用PHP實現一個簡單的線上圖片上傳和展示系統

PHPz

發布： 2023-09-25 09:34:01

原創

1696 人瀏覽過

如何使用PHP實現一個簡單的線上圖片上傳和展示系統

圖片上傳和展示系統是現代網站常用的功能之一，在開發過程中使用PHP可以快速實作這個功能。本篇文章將介紹如何使用PHP編寫一個簡單的線上圖片上傳和展示系統，並提供具體的程式碼範例。

一、建立資料庫和表格

首先，我們需要建立一個資料庫和表格來儲存上傳的圖片資訊。使用下列SQL語句建立一個名為"images"的表格，並設定id、filename和uploaded_date欄位。

CREATE DATABASE image_uploads;
USE image_uploads;
CREATE TABLE images (
    id INT AUTO_INCREMENT PRIMARY KEY,
    filename VARCHAR(255) NOT NULL,
    uploaded_date DATETIME
);

登入後複製

二、建立上傳表單頁面

下一步是建立一個上傳圖片的表單頁面。建立一個名為"upload.html"的文件，並使用以下程式碼：

<!DOCTYPE html>
<html>
<head>
    <title>图片上传</title>
</head>
<body>
    <form action="upload.php" method="POST" enctype="multipart/form-data">
        <input type="file" name="image">
        <input type="submit" value="上传">
    </form>
</body>
</html>

登入後複製

這個表單頁麵包含一個檔案選擇框和一個上傳按鈕，當使用者選擇一個圖片檔案並點擊上傳按鈕後，表單將提交至"upload.php"頁面進行處理。

三、建立上傳腳本

在建立一個名為"upload.php"的文件，並使用以下程式碼：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (isset($_FILES["image"])) {
        $file = $_FILES["image"];
        $filename = $file["name"];
        $target = "uploads/" . basename($filename);
        $uploaded_date = date("Y-m-d H:i:s");

        if (move_uploaded_file($file["tmp_name"], $target)) {
            $con = new mysqli("localhost", "root", "password", "image_uploads");
            $stmt = $con->prepare("INSERT INTO images (filename, uploaded_date) VALUES (?, ?)");
            $stmt->bind_param("ss", $filename, $uploaded_date);
            $stmt->execute();
            $stmt->close();
            $con->close();

            echo "图片上传成功";
        } else {
            echo "图片上传失败";
        }
    }
}
?>

登入後複製

這個腳本先檢查是否有文件被上傳，並取得檔案的名稱、目標路徑和上傳日期。然後，將檔案移至指定的目標路徑，並將檔案資訊儲存到資料庫中。

四、建立圖片展示頁面

最後，我們需要建立一個用來展示上傳的圖片的頁面。建立一個名為"gallery.php"的文件，並使用以下程式碼：

<!DOCTYPE html>
<html>
<head>
    <title>图片展示</title>
</head>
<body>
    <?php
    $con = new mysqli("localhost", "root", "password", "image_uploads");
    $result = $con->query("SELECT * FROM images ORDER BY uploaded_date DESC");

    while ($row = $result->fetch_assoc()) {
        echo '<img  src="uploads/' . $row["filename"] . '"    style="max-width:90%"  style="max-width:90%" alt="如何使用PHP實現一個簡單的線上圖片上傳和展示系統" >';
    }

    $con->close();
    ?>
</body>
</html>

登入後複製

這個頁面使用資料庫查詢獲取所有上傳的圖片信息，並透過循環將每張圖片顯示在頁面上。

五、最後的注意事項

請確保在伺服器上建立一個名為"uploads"的資料夾，用於儲存上傳的圖片。並且給予該資料夾適當的寫入權限。

以上就是使用PHP實作簡單的線上圖片上傳和展示系統的步驟和程式碼範例。你可以根據實際需求對程式碼進行修改和擴展，以創建更強大的圖片上傳和展示功能。

以上是如何使用PHP實現一個簡單的線上圖片上傳和展示系統的詳細內容。更多資訊請關注PHP中文網其他相關文章！