如何使用PHP实现一个简单的在线图片上传和展示系统-php教程-PHP中文网

如何使用PHP实现一个简单的在线图片上传和展示系统

PHPz

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

原创

1632 人浏览过

如何使用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中文网其他相关文章！