บทนำ
ใช้ <input type="file" multiple> เพื่อให้ผู้ใช้เลือกหลายไฟล์พร้อมกัน แอตทริบิวต์ multiple เป็น Boolean attribute
ตัวอย่างโค้ด
<!DOCTYPE html>
<html>
<head>
<title>Upload Multiple Files</title>
</head>
<body>
<form>
<input type="file" name="files" multiple><br><br>
อัปโหลดหลายไฟล์ แล้วกด Submit<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
การจัดการฝั่ง Server (PHP ตัวอย่าง)
<?php
// $_FILES['files'] จะเป็น array ของไฟล์หลายไฟล์
foreach ($_FILES['files']['tmp_name'] as $key => $tmp_name) {
$name = $_FILES['files']['name'][$key];
move_uploaded_file($tmp_name, "uploads/$name");
}
?>
แอตทริบิวต์เสริม
accept- จำกัดประเภทไฟล์ (เช่นaccept="image/*"หรือaccept=".pdf,.doc")capture- บนมือถือ เลือกกล้อง/ไมโครโฟน (user/environment)
Input Types ที่รองรับ multiple
file- หลายไฟล์email- หลายอีเมล (คั่นด้วย comma)