開發一個“翻轉自拍”的小工具

M66 2025-05-31

在日常生活中，自拍已經成為很多人記錄生活的方式。然而，手機前置攝像頭拍出來的照片往往是鏡像的，這對部分用戶來說可能不太方便。本文將教你如何使用PHP內置的imageflip()函數，快速開發一個“翻轉自拍”的小工具，幫用戶還原真實視角。

一、準備工作

首先，你需要有一台支持PHP的服務器環境，並且啟用了GD庫（PHP圖像處理擴展）。可以使用如下方式檢查是否啟用GD庫：

 <?php
phpinfo();
?>

在輸出的頁面中搜索“GD Support”，確認是否為“enabled”。

二、創建上傳與翻轉頁面

我們將構建一個簡單的網頁，用戶可以上傳自拍照，系統自動進行水平翻轉處理，並展示結果。

1. HTML上傳表單（index.html）

 <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>翻轉自拍工具</title>
</head>
<body>
    <h2>上傳自拍照並進行翻轉</h2>
    <form action="flip.php" method="post" enctype="multipart/form-data">
        <input type="file" name="image" accept="image/*" required>
        <button type="submit">上傳並翻轉</button>
    </form>
</body>
</html>

2. 圖像翻轉處理邏輯（flip.php）

 <?php
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['image'])) {
    $file = $_FILES['image']['tmp_name'];
    $mime = mime_content_type($file);

    switch ($mime) {
        case 'image/jpeg':
            $image = imagecreatefromjpeg($file);
            $ext = 'jpg';
            break;
        case 'image/png':
            $image = imagecreatefrompng($file);
            $ext = 'png';
            break;
        case 'image/gif':
            $image = imagecreatefromgif($file);
            $ext = 'gif';
            break;
        default:
            die("不支持的圖片格式！");
    }

    // 使用 imageflip 進行水平翻轉
    imageflip($image, IMG_FLIP_HORIZONTAL);

    // 生成唯一文件名
    $outputName = 'flipped_' . time() . '.' . $ext;
    $outputPath = __DIR__ . '/uploads/' . $outputName;

    // 確保上傳目錄存在
    if (!is_dir(__DIR__ . '/uploads')) {
        mkdir(__DIR__ . '/uploads', 0755, true);
    }

    // 保存翻轉後的圖片
    switch ($ext) {
        case 'jpg':
            imagejpeg($image, $outputPath);
            break;
        case 'png':
            imagepng($image, $outputPath);
            break;
        case 'gif':
            imagegif($image, $outputPath);
            break;
    }

    imagedestroy($image);

    // 顯示結果
    $url = 'https://m66.net/uploads/' . $outputName;
    echo "<h3>翻轉後的自拍照：</h3>";
    echo "<img src='$url' alt='Flipped Image' style='max-width: 100%; height: auto;'>";
    echo "<p><a href='index.html'>再來一次</a></p>";
} else {
    echo "請通過表單上傳圖片。";
}
?>

三、小貼士

為了安全起見，可以對上傳文件大小、MIME類型、後綴等做更多的驗證。
可結合JavaScript實現實時預覽和前端翻轉，提高用戶體驗。
你可以通過部署在https://m66.net/上讓更多用戶訪問你的工具。

四、結語

使用PHP的imageflip()函數，我們可以輕鬆地實現圖像的水平或垂直翻轉。這個“翻轉自拍”的小工具不僅實用，還非常容易擴展。無論是用於個人網站，還是集成到更大的系統中，它都能為用戶帶來更貼心的體驗。

希望這篇文章能幫你輕鬆打造屬於你自己的圖像處理小工具！如果你有其他想法，比如加濾鏡、水印等，也可以在此基礎上繼續拓展。

imageflip