如何在 PHP 文件上传后即时显示图片-html教程-PHP中文网

如何在 PHP 文件上传后即时显示图片

本文详解如何通过 php 会话（session）与页面重定向，实现在用户上传图片后自动在 html 表单下方显示该图片，解决因变量作用域和页面刷新缺失导致的图片不显示问题。

本文详解如何通过 php 会话（session）与页面重定向，实现在用户上传图片后自动在 html 表单下方显示该图片，解决因变量作用域和页面刷新缺失导致的图片不显示问题。

在 PHP 文件上传场景中，一个常见误区是：将上传处理逻辑（upload.php）与表单展示逻辑（如 form.php）混写在同一文件中，或试图在表单内直接使用未持久化的 PHP 变量（如 $uploaded_image）显示图片——这会导致图片无法显示，因为表单提交后页面重新加载，原始变量早已失效。

要实现“上传后立即显示”，核心在于状态传递与流程控制。以下是经过验证的专业实践方案：

✅ 正确架构：分离职责 + 会话暂存 + 重定向

HTML 表单页（form.php）仅负责展示与接收结果
- 必须启用会话（session_start()）以读取上传成功后的图片路径；
- 的 accept 属性需带英文句点（.png,.jpg,.jpeg），否则浏览器可能忽略校验；
- 图片标签应置于外部（如表格之后），避免被表单结构干扰渲染；
- 建议为图片添加居中、间距等基础样式提升可读性。

示例 form.php 关键片段：

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

<?php session_start(); ?><style>
table { border: 1px solid black; margin: auto; margin-top: 150px; width: 280px; height: 130px; display: flex; }
img { display: block; margin: 20px auto; max-width: 300px; height: auto; }
</style>

Ανεβάστε την φωτογραφία σας

Δεν έχει ανέβει ακόμη εικόνα.'; } ?>

PHP 上传处理器（upload.php）专注处理 + 重定向
- 开头必须调用 session_start()；
- 上传成功后，将相对路径（如 "upl/photo.jpg"）存入 $_SESSION['uploaded_image']；
- 关键步骤：使用 header("Location: form.php"); exit(); 强制重定向回表单页——这确保了页面刷新后能读取到新会话数据，同时避免重复提交（POST-Redirect-GET 模式）；
- 对文件扩展名校验建议使用 strtolower() 统一大小写，增强健壮性；
- 使用 htmlspecialchars() 输出路径，防止 XSS 风险（已在 form.php 示例中体现）。

upload.php 精简核心逻辑：

<?php session_start();
error_reporting(E_ALL);
ini_set('display_errors', 1);

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['submit'])) {
    $target_dir = "upl/";
    if (!is_dir($target_dir)) mkdir($target_dir, 0755, true);

    $filename = basename($_FILES['file']['name']);
    $target_file = $target_dir . $filename;
    $imageFileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));

    // 基础校验（尺寸、类型、是否图像等）
    $check = getimagesize($_FILES['file']['tmp_name']);
    if (!$check || !in_array($imageFileType, ['jpg', 'jpeg', 'png', 'gif'])) {
        echo "<span style='color:red;'>Μη έγκυρη εικόνα ή μη υποστηριζόμενη μορφή.<br>";
        exit;
    }

    if ($_FILES['file']['size'] > 500000) {
        echo "<span style="color:red;">Το αρχείο υπερβαίνει τα 500KB.</span><br>";
        exit;
    }

    if (move_uploaded_file($_FILES['file']['tmp_name'], $target_file)) {
        $_SESSION['uploaded_image'] = $target_file; // ✅ 存入会话
        header("Location: form.php"); // ✅ 重定向
        exit;
    } else {
        echo "<span style="color:red;">Αποτυχία ανεβάσματος.</span>";
    }
}