解决图像上传旋转难题：全方位指南

php

2024-03-19 08:08:23

图像上传旋转问题解决方案：一个全面指南

前言

在图像上传中遇到旋转问题是很常见的，尤其是对于大尺寸图像。这种情况可能会让人头疼，尤其是当你需要将图像用于关键目的时。在本文中，我们将探讨导致图像上传旋转的原因，并提供分步指南，帮助你解决这个问题，确保上传的图像始终以正确的方向显示。

旋转问题的原因

理解图像上传旋转的原因对于找到解决方案至关重要。旋转问题通常是由以下原因引起的：

图像方向数据丢失： 大多数相机和智能手机都会记录图像的方向信息（称为 EXIF 元数据）。当图像在传输过程中被旋转时，这些方向数据可能会丢失，导致图像在上传后出现旋转。
不同浏览器和应用程序： 不同的浏览器和应用程序可能以不同的方式处理图像方向。这可能会导致在某些浏览器或应用程序中正确显示的图像在其他浏览器或应用程序中出现旋转。
人为错误： 有时，用户可能不小心旋转了图像，然后才上传。这也会导致图像上传后出现旋转。

解决方案

要解决图像上传旋转问题，需要采用以下分步指南：

检查图像类型： 确保上传的图像为 JPEG 或 PNG 格式。其他图像类型可能无法正确旋转。
将 PNG 图像转换为 JPEG： 如果上传的图像为 PNG，将其转换为 JPEG。JPEG 格式支持 EXIF 元数据，其中包含图像方向信息。
读取 EXIF 元数据： 使用 EXIF 库或类似工具读取图像的 EXIF 元数据。EXIF 元数据包含一个名为 "Orientation" 的字段，该字段指示图像的方向。
根据 EXIF 方向旋转图像： 根据 EXIF "Orientation" 字段的值，使用图像库函数旋转图像。例如，如果 "Orientation" 值为 6，则图像应顺时针旋转 90 度。
保存旋转后的图像： 将旋转后的图像保存到服务器。

示例代码

以下示例代码演示了如何使用 PHP 处理图像上传旋转问题：

<?php

function generateRandomString($length = 10) {
    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    $randomString = '';

    for ($i = 0; $i < $length; $i++) {
        $randomString .= $characters[rand(0, strlen($characters) - 1)];
    }

    return $randomString . '.jpg';
}

if (isset($_FILES["studentProfile"])) {
    $uploadDir = '../../vendor/img/students/';
    $fileName = $_FILES['studentProfile']['name'];
    $fileTmpName = $_FILES['studentProfile']['tmp_name'];
    $fileType = $_FILES['studentProfile']['type'];

    if ($_FILES['studentProfile']['error'] === UPLOAD_ERR_NO_FILE) {
        if ($stuGender === "male") {
            $StuImgId = "male.jpg";
        } elseif ($stuGender === "female") {
            $StuImgId = "female.jpg";
        } else {
            $StuImgId = "default.jpg";
        }
    } else {
        $allowedTypes = ['image/jpeg', 'image/png'];

        if (!in_array($fileType, $allowedTypes)) {
            $message = "Error: Only JPG or PNG files are allowed.";
            exit;
        }

        if ($fileType == 'image/png') {
            $source = imagecreatefrompng($fileTmpName);
            $fileName = $uploadDir . generateRandomString();
            imagejpeg($source, $fileName);
            imagedestroy($source);
        } else {
            $fileName = $uploadDir . generateRandomString();
            move_uploaded_file($fileTmpName, $fileName);
        }

        // 读取 EXIF 元数据
        $exif = exif_read_data($fileName);

        // 检查 EXIF 方向字段
        if (isset($exif['Orientation'])) {
            // 根据 EXIF 方向旋转图像
            $orientation = $exif['Orientation'];

            switch ($orientation) {
                case 3:
                    $source = imagecreatefromjpeg($fileName);
                    $newSource = imagerotate($source, 180, 0);
                    imagejpeg($newSource, $fileName);
                    imagedestroy($source);
                    imagedestroy($newSource);
                    break;
                case 6:
                    $source = imagecreatefromjpeg($fileName);
                    $newSource = imagerotate($source, 90, 0);
                    imagejpeg($newSource, $fileName);
                    imagedestroy($source);
                    imagedestroy($newSource);
                    break;
                case 8:
                    $source = imagecreatefromjpeg($fileName);
                    $newSource = imagerotate($source, -90, 0);
                    imagejpeg($newSource, $fileName);
                    imagedestroy($source);
                    imagedestroy($newSource);
                    break;
            }
        }

        // 重新压缩图像
        $newWidth = 413;
        $newHeight = 531;
        list($width, $height) = getimagesize($fileName);
        $imageResized = imagecreatetruecolor($newWidth, $newHeight);
        $source = imagecreatefromjpeg($fileName);
        imagecopyresized($imageResized, $source, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height);
        imagejpeg($imageResized, $fileName);
        imagedestroy($source);
        imagedestroy($imageResized);

        $compressionQuality = 75;
        $source = imagecreatefromjpeg($fileName);
        imagejpeg($source, $fileName, $compressionQuality);
        imagedestroy($source);

        $upath = parse_url($fileName, PHP_URL_PATH);
        $StuImgId = basename($upath);
    }
}