Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธาอนุญาตให้อัปโหลดหลายไฟล์ในฟอร์ม HTML


บทนำ

ใช้ <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)