$_FILES

อมรรัตน์ พันธ์เลิศ 630710687

ตัวแปร $_FILES เป็นหนึ่งใน Superglobal ของ PHP สามารถใช้งานใน script ได้ทุกส่วน ตัวแปร$_FILES เป็น Aarry แบบเชื่อมโยง (associative array) ที่เก็บข้อมูลเกี่ยวกับไฟล์ที่อัพโหลดผ่าน HTTP และ POST

มาทำความรู้จักกับ $_FILES กันค่ะ

การอัพโหลดไฟล์จะเกิดขึ้นก็ต่อเมื่อฟอร์ม HTML มีองค์ประกอบ input ที่มีชนิดเป็น file และมีแอตทริบิวต์ enctype ตั้งเป็น multipart/form-data พร้อมกับตั้งแอตทริบิวต์ method ให้เป็น POST

$_FILES['file'] คือ array ที่ประกอบด้วยข้อมูลต่าง ๆ ของไฟล์ที่ถูกอัพโหลด โดยแต่ละคีย์ (key) ใน array จะเก็บข้อมูลเกี่ยวกับไฟล์ ดังนี้:

$_FILES['file']['name'] − ชื่อไฟล์ต้นฉบับที่ผู้ใช้เลือกอัพโหลด
$_FILES['file']['type'] − ประเภท MIME ของไฟล์ (เช่น "image/gif") อย่างไรก็ตาม ประเภท MIME นี้จะไม่ได้ถูกตรวจสอบจากฝั่ง PHP
$_FILES['file']['size'] − ขนาดของไฟล์ที่อัพโหลดในหน่วยไบต์
$_FILES['file']['tmp_name'] − ชื่อไฟล์ชั่วคราวที่ไฟล์ที่อัพโหลดถูกเก็บไว้บนเซิร์ฟเวอร์
$_FILES['file']['full_path'] − เส้นทางเต็มของไฟล์ตามที่ส่งมาจากเบราว์เซอร์ (เริ่มใช้ใน PHP 8.1.0)
$_FILES['file']['error'] − รหัสข้อผิดพลาดที่เกี่ยวข้องกับการอัพโหลดไฟล์นี้

คุณสมบัติเหล่านี้ช่วยให้สามารถเข้าถึงและจัดการไฟล์ที่ถูกอัพโหลดผ่านฟอร์ม HTML ใน PHP ได้

ในส่วนของ PHP รหัสข้อผิดพลาดที่จะเกิดขึ้นระหว่างการอัพโหลดไฟล์ ($_FILES['file']['error']) จะถูกกำหนดดังนี้

รหัสข้อผิดพลาด

คำอธิบาย

UPLOAD_ERR_OK (ค่า=0)

ไม่มีข้อผิดพลาด ไฟล์อัพโหลดสำเร็จ

UPLOAD_ERR_INI_SIZE (ค่า=1)

ไฟล์ที่อัพโหลดมีขนาดเกินค่าที่กำหนดใน upload_max_filesize ในไฟล์ php.ini

UPLOAD_ERR_FORM_SIZE (ค่า=2)

ไฟล์ที่อัพโหลดมีขนาดเกินค่าที่กำหนดใน MAX_FILE_SIZE ในฟอร์ม HTML

UPLOAD_ERR_PARTIAL (ค่า=3)

ไฟล์ถูกอัพโหลดเพียงบางส่วนเท่านั้น

UPLOAD_ERR_NO_FILE (ค่า=4)

ไม่มีไฟล์ใดถูกอัพโหลด

UPLOAD_ERR_NO_TMP_DIR (ค่า=6)

ไม่มีโฟลเดอร์ชั่วคราวสำหรับจัดเก็บไฟล์ที่อัพโหลด

UPLOAD_ERR_CANT_WRITE (ค่า=7)

ล้มเหลวในการเขียนไฟล์ลงดิสก์

UPLOAD_ERR_EXTENSION (ค่า=8)

ส่วนขยาย (extension) ของ PHP หยุดการอัพโหลดไฟล์

เปรียบเทียบภาษา PHP และ Javascript ของ $_FILES

ในส่วนของ code

<?php
// ตรวจสอบว่ามีการส่งข้อมูลหรือไม่
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    if (isset($_FILES['file'])) {
        // แสดงข้อมูลเกี่ยวกับไฟล์
        echo "<h1>ผลการอัพโหลดไฟล์</h1>";
        echo "Filename: " . htmlspecialchars($_FILES['file']['name']) . "<br>";
        echo "Type: " . htmlspecialchars($_FILES['file']['type']) . "<br>";
        echo "Size: " . htmlspecialchars($_FILES['file']['size']) . " bytes<br>";
        echo "Temp name: " . htmlspecialchars($_FILES['file']['tmp_name']) . "<br>";
        echo "Error: " . htmlspecialchars($_FILES['file']['error']) . "<br>";

        // ตรวจสอบข้อผิดพลาด
        if ($_FILES['file']['error'] === 0) {
            $uploadDir = 'uploads/'; // โฟลเดอร์สำหรับจัดเก็บไฟล์
            $filePath = $uploadDir . basename($_FILES['file']['name']);

            // ตรวจสอบว่ามีโฟลเดอร์ uploads หรือไม่
            if (!is_dir($uploadDir)) {
                mkdir($uploadDir, 0755, true); // สร้างโฟลเดอร์ถ้ายังไม่มี
            }

            // ย้ายไฟล์ไปยังโฟลเดอร์ที่กำหนด
            if (move_uploaded_file($_FILES['file']['tmp_name'], $filePath)) {
                echo "ไฟล์อัพโหลดสำเร็จ: " . htmlspecialchars($filePath);
            } else {
                echo "เกิดข้อผิดพลาดในการย้ายไฟล์!";
            }
        } else {
            echo "เกิดข้อผิดพลาดในการอัพโหลดไฟล์!";
        }
    } else {
        echo "ยังไม่มีไฟล์ที่ถูกเลือก!";
    }
} else {
    // ถ้ายังไม่มีการส่งข้อมูล ให้แสดงฟอร์ม
    ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Upload File</title>
    </head>
    <body>
        <h1>อัพโหลดไฟล์</h1>
        <form action="" method="POST" enctype="multipart/form-data">
            <input type="file" name="file" required>
            <input type="submit" value="Submit">
        </form>
    </body>
    </html>
    <?php
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Upload File with JavaScript</title>
    <script>
        function handleFileSelect(event) {
            const fileInput = event.target.files[0]; // เลือกไฟล์แรกที่ถูกเลือกจาก input
            
            if (fileInput) {
                // เข้าถึงข้อมูลของไฟล์ที่ถูกเลือก
                const fileName = fileInput.name;
                const fileType = fileInput.type;
                const fileSize = fileInput.size;
                const fileTempName = URL.createObjectURL(fileInput); // ได้ URL ของไฟล์ที่อยู่ในหน่วยความจำ (เหมือน tmp_name ใน PHP)

                // แสดงข้อมูลเกี่ยวกับไฟล์
                document.getElementById('fileInfo').innerHTML = `
                    <p><strong>Filename:</strong> ${fileName}</p>
                    <p><strong>Type:</strong> ${fileType}</p>
                    <p><strong>Size:</strong> ${fileSize} bytes</p>
                    <p><strong>Temp name (Blob URL):</strong> ${fileTempName}</p>
                `;
            }
        }
    </script>
</head>
<body>
    <h1>อัพโหลดไฟล์ด้วย JavaScript</h1>
    <form enctype="multipart/form-data">
        <input type="file" id="fileInput" name="file" onchange="handleFileSelect(event)">
    </form>

    <div id="fileInfo"></div>
</body>
</html>

output

ผลการอัพโหลดไฟล์
Filename: myfile.txt
Type: text/plain
Size: 12345 bytes
Temp name: C:\xampp\tmp\php123.tmp
Error: 0
ไฟล์อัพโหลดสำเร็จ: uploads/myfile.txt

สรุปของตัวแปร $_FILES

PHP นั้นเป็นการทำงานในแบบฝั่ง Server-side จะมีตัวแปร $_FILES ที่ใช้เพื่อจัดเก็บไฟล์ที่ถูกอัพโหลดผ่านฟอร์มในwebsite โดยฟอร์มนั้นจะต้องมีการตั้งค่า enctype เป็น multipart/form-data เพื่อสามารถที่จะอัพโหลดไฟล์ได้
Javascript นั้นเป็นการทำงานในแบบฝั่ง Client-side จะไม่มีตัวแปร $_FILES เหมือนกับ PHP แต่ Javascript สามารถเข้าถึงข้อมูลของไฟล์ที่ถูกเลือกผ่านการใช้งาน File API ซึ่งจะทำให้สามารถตรวจสอบ ชื่อไฟล์ ประเภทไฟล์ เป็นต้น

Link Video

Slide

373KB

$_FILES_630710687.pdf

Open

อ้างอิง

TutorialsPoint. (n.d.). PHP - Files. TutorialsPoint. https://www.tutorialspoint.com/php-files
ScriptVerse. (n.d.). PHP superglobals. ScriptVerse. https://scriptverse.dev/tutorials/php-superglobals.html
TutorialsPoint. (n.d.). PHP - Superglobals. TutorialsPoint. https://www.tutorialspoint.com/php/php_superglobals_files.htm
PHP Tutorial. (n.d.). PHP file upload. PHP Tutorial. https://www.phptutorial.net/php-tutorial/php-file-upload/
JavaScript Tutorial. (n.d.). Fetch tracking download progress. JavaScript Tutorial. https://www.javascripttutorial.net/web-apis/fetch-tracking-download-progress/
Stack Overflow. (2011, June 1). JavaScript upload file. https://stackoverflow.com/questions/5587973/javascript-upload-file
GeeksforGeeks. (n.d.). How to upload files in JavaScript. GeeksforGeeks. https://www.geeksforgeeks.org/how-to-upload-files-in-javascript/

Previous$_REQUEST Next$_POST

Last updated 1 year ago

hashtagมาทำความรู้จักกับ $_FILES กันค่ะ

hashtagเปรียบเทียบภาษา PHP และ Javascript ของ $_FILES

hashtagสรุปของตัวแปร $_FILES

hashtagLink Video

hashtagSlide