อัปโหลดรูปภาพที่ละหลายรูป PHP และคำสั่ง multiple ของ HTML5

การอัปโหลดรูปภาพที่ละหลายรูปพร้อมกัน ในส่วนของฟอร์มต้องใช้คำสั่ง multiple ของ HTML5 และประกาศตัวแปรของ input file เป็นแบบ array เพื่อนำไปวนลูปในภาษา PHP เพื่ออัปโหลดรูปภาพตามจำนวนที่ผู้ใช้งานเลือกเข้ามา สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ฟอร์ม HTML

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST" enctype="multipart/form-data">
    <input type="file" name="file[]" accept="image/png, image/gif, image/jpeg" multiple>
    <input type="submit" value="อัปโหลด">
</form>

ตัวอย่าง โปรแกรมอัปโหลด PHP

<?php
    isset( $_FILES['file'] ) ? $file = $_FILES['file'] : $file = "";

    if( !empty( $file ) ) {
        for( $i=0; $i<count( $file['name'] ); $i++ ) {
            $file_name = $file['name'][$i];
            $file_tmp_name = $file['tmp_name'][$i];
            if( move_uploaded_file( $file_tmp_name, $file_name )) {
                echo "<img src='{$file_name}' /><br/>";
            }
        }
    }
?>