Heim > Artikel > Backend-Entwicklung > Wie man mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern implementiert

Wie man mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern implementiert

PHPzOriginal: 2023-09-25 09:21:111645Durchsuche

So implementieren Sie mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern

Das System zum Hochladen und Anzeigen von Bildern ist eine der häufig verwendeten Funktionen moderner Websites. Diese Funktion kann während des Entwicklungsprozesses schnell mit PHP implementiert werden. In diesem Artikel wird erläutert, wie Sie mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern schreiben, und es werden spezifische Codebeispiele bereitgestellt.

1. Datenbank und Tabelle erstellen

Zuerst müssen wir eine Datenbank und eine Tabelle erstellen, um die hochgeladenen Bildinformationen zu speichern. Verwenden Sie die folgende SQL-Anweisung, um eine Tabelle mit dem Namen „images“ zu erstellen und die Spalten „id“, „filename“ und „uploaded_date“ festzulegen.

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

2. Erstellen Sie eine Upload-Formularseite

Der nächste Schritt besteht darin, eine Formularseite zum Hochladen von Bildern zu erstellen. Erstellen Sie eine Datei mit dem Namen „upload.html“ und verwenden Sie den folgenden Code:

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

Diese Formularseite enthält ein Dateiauswahlfeld und eine Schaltfläche zum Hochladen. Wenn der Benutzer eine Bilddatei auswählt und auf die Schaltfläche zum Hochladen klickt, wird das Formular an gesendet Seite „upload.php“ zur Bearbeitung.

3. Erstellen Sie ein Upload-Skript

Erstellen Sie eine Datei mit dem Namen „upload.php“ und verwenden Sie den folgenden Code:

<?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 "图片上传失败";
        }
    }
}
?>

Dieses Skript prüft zunächst, ob eine Datei hochgeladen wurde, und ermittelt den Dateinamen, den Zielpfad und das Upload-Datum . Anschließend wird die Datei in den angegebenen Zielpfad verschoben und die Dateiinformationen in der Datenbank gespeichert.

4. Erstellen Sie eine Bildanzeigeseite

Zuletzt müssen wir eine Seite erstellen, um die hochgeladenen Bilder anzuzeigen. Erstellen Sie eine Datei mit dem Namen „gallery.php“ und verwenden Sie den folgenden Code:

<!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="Wie man mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern implementiert" >';
    }

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

Diese Seite verwendet eine Datenbankabfrage, um alle hochgeladenen Bildinformationen abzurufen, und zeigt jedes Bild auf der Seite in einer Schleife an.

5. Abschließende Hinweise

Bitte stellen Sie sicher, dass Sie auf dem Server einen Ordner mit dem Namen „Uploads“ erstellen, um hochgeladene Bilder zu speichern. Und erteilen Sie dem Ordner die entsprechenden Schreibrechte.

Das Obige sind die Schritte und Codebeispiele für die Verwendung von PHP zur Implementierung eines einfachen Online-Systems zum Hochladen und Anzeigen von Bildern. Sie können den Code entsprechend den tatsächlichen Anforderungen ändern und erweitern, um leistungsfähigere Bild-Upload- und Anzeigefunktionen zu erstellen.

Das obige ist der detaillierte Inhalt vonWie man mit PHP ein einfaches Online-System zum Hochladen und Anzeigen von Bildern implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php sql html 循环数据库

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie PHP und Vue zur Implementierung der DatengruppierungsfunktionNächster Artikel：So verwenden Sie PHP und Vue zur Implementierung der Datengruppierungsfunktion

In Verbindung stehende Artikel

Mehr sehen