在PHP文件上传中显示错误信息到对应输入框旁-html教程-PHP中文网

在PHP文件上传中显示错误信息到对应输入框旁

碧海醫心

发布： 2025-08-21 20:08:22

原创

961人浏览过

在php文件上传中显示错误信息到对应输入框旁

本文旨在解决PHP文件上传过程中，如何将错误信息准确地显示在对应文件上传输入框旁边的问题。通过修改错误处理逻辑，使用数组存储错误信息，并结合HTML结构，实现友好的用户体验。本文将提供详细的代码示例和步骤，帮助开发者轻松实现这一功能。

在处理PHP文件上传时，一个常见的需求是将错误信息显示在相应的输入框旁边，以便用户能够立即了解哪个文件上传出现了问题。以下是如何实现这一功能的详细步骤：

1. 修改PHP代码以处理和存储错误信息

原代码存在的问题是没有正确地处理和存储错误信息。 $errors 变量没有被初始化为一个数组，导致无法存储多个文件的错误。需要针对每个文件上传的错误情况，将其信息存储到一个数组中，并在HTML中正确显示。

立即学习“PHP免费学习笔记（深入）”；

修改后的PHP代码如下：

<?php

if(!empty($_FILES['images'])){
    // File upload configuration
    $allowTypes = array('jpg','png','jpeg','gif');

    $images_arr = array();
    $errors = array(); // Initialize the $errors array
    foreach($_FILES['images']['name'] as $key=>$val){
        $image_name = $_FILES['images']['name'][$key];
        $tmp_name   = $_FILES['images']['tmp_name'][$key];
        $size       = $_FILES['images']['size'][$key];
        $type       = $_FILES['images']['type'][$key];
        $error      = $_FILES['images']['error'][$key];

        $fileType = pathinfo($image_name);
        $extension = strtolower($fileType['extension']);

        if(in_array($extension, $allowTypes)){


            if($error === 0){

                    $fileNameNew = uniqid('', true).".".$extension;
                    $fileDestination = 'user_images/'.$fileNameNew;

                    move_uploaded_file($tmp_name, $fileDestination);
                    //header("location: test");

            } else {
                // Store the error message in the $errors array for the specific file
                $errors[$key] = "An error prevented from uploading your image / file. Please try again.";
            }

        } else {
            // Store the error message in the $errors array for the specific file
            $errors[$key] = "Unable to upload the selected file type. Please use files or images with extensions ending on jpg / jpeg / png / pdf";

        }
    }
}
?>

登录后复制

关键的修改在于：

微信 WeLM

WeLM不是一个直接的对话机器人，而是一个补全用户输入信息的生成模型。

查看详情

初始化 $errors = array(); 在循环之前，确保 $errors 是一个数组。
在 else 语句中，使用 $errors[$key] = "错误信息"; 将错误信息存储到数组中，$key 对应于文件上传的索引。

2. 修改HTML代码以显示错误信息

HTML代码需要修改，以便能够根据文件上传的索引显示相应的错误信息。

修改后的HTML代码如下：

<form action="" method="post" enctype="multipart/form-data">
    <div>
        <input type="file"  name="images[]" >
            <div class="error_highlight"><?php echo isset($errors[0]) ? $errors[0] : ''; ?></div>
    </div>

    <div>
        <input type="file"  name="images[]" >
            <div class="error_highlight"><?php echo isset($errors[1]) ? $errors[1] : ''; ?></div>
    </div>  

    <div>
        <input type="file"  name="images[]" >
            <div class="error_highlight"><?php echo isset($errors[2]) ? $errors[2] : ''; ?></div>
    </div>

  <input type="submit" name="submit" value="Upload all files">
</form>

登录后复制

关键的修改在于：

使用 isset($errors[0]) ? $errors[0] : ''; 检查 $errors 数组中是否存在对应索引的错误信息。如果存在，则显示错误信息；否则，显示空字符串，避免出现未定义变量的错误。
每个文件上传输入框都有一个对应的 <div>，用于显示错误信息。索引 0、1、2 分别对应于第一个、第二个和第三个文件上传输入框。

3. 总结与注意事项