Client-side Image Processing ก่อน Upload ด้วย HTML/JavaScript

ประมวลผลภาพฝั่ง Client ก่อนส่ง Server

ใช้ FileReader API อ่านไฟล์ แล้วประมวลผลบน Canvas ก่อนอัปโหลด

ตัวอย่าง PHP รับไฟล์ (Server-side)

<?php
if (isset($_FILES["image"])) {
    $iSize = getimagesize($_FILES["image"]["tmp_name"]);
    if ($iSize !== false) {
        $myFile = "/tmp/" . basename($_FILES["image"]["name"]);
        if (move_uploaded_file($_FILES["image"]["tmp_name"], $myFile)) {
            echo "File stored at " . $myFile;
        } else {
            echo "Image storage failed!";
        }
    } else {
        echo "This isn't an image!";
    }
} else {
    echo "Image not available to upload!";
}
?>

หมายเหตุ: โค้ด PHP นี้เป็นฝั่ง Server ส่วน Client-side processing ใช้ JavaScript (FileReader, Canvas) ก่อนส่ง