php 上传图片并显示图片

基础概念

PHP上传图片并显示图片涉及以下几个基础概念：

文件上传：通过HTML表单允许用户上传文件到服务器。
PHP处理文件上传：使用PHP脚本接收并处理上传的文件。
存储文件：将上传的文件保存到服务器上的某个目录。
显示图片：通过HTML和PHP结合，将存储的图片显示在网页上。

类型

单文件上传：一次只上传一个文件。
多文件上传：一次上传多个文件。

应用场景

用户头像上传：用户可以在个人资料页面上传自己的头像。
产品图片上传：商家可以在电商平台上上传产品图片。
社交媒体：用户可以在社交平台上上传并分享图片。

示例代码

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Upload Image</title>
</head>
<body>
    <form action="upload.php" method="post" enctype="multipart/form-data">
        Select image to upload:
        <input type="file" name="fileToUpload" id="fileToUpload">
        <input type="submit" value="Upload Image" name="submit">
    </form>
</body>
</html>

PHP部分（upload.php）

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
            echo "The file ". htmlspecialchars( basename( $_FILES["fileToUpload"]["name"])). " has been uploaded.";
        } else {
            echo "Sorry, there was an error uploading your file.";
        }
    } else {
        echo "File is not an image.";
    }
}
?>

显示图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Display Image</title>
</head>
<body>
    <?php
    $image_path = "uploads/your_image.jpg"; // 替换为实际图片路径
    if (file_exists($image_path)) {
        echo '<img src="' . $image_path . '" alt="Uploaded Image">';
    } else {
        echo "Image not found.";
    }
    ?>
</body>
</html>

常见问题及解决方法

文件上传失败：
- 原因：可能是文件大小限制、文件类型限制、权限问题等。
- 解决方法：检查PHP配置文件（php.ini）中的upload_max_filesize和post_max_size设置，确保上传目录有写权限。

图片无法显示：
- 原因：可能是图片路径错误、图片文件损坏。
- 解决方法：检查图片路径是否正确，确保图片文件完整且未损坏。
安全问题：
- 原因：上传的文件可能包含恶意代码。
- 解决方法：对上传的文件进行验证和过滤，确保只允许上传特定类型的文件，并对文件名进行处理以防止目录遍历攻击。