วิธีอัปโหลดไฟล์ภายนอกบนเว็บไซต์ด้วย HTML Forms

หากต้องการให้ผู้ใช้อัปโหลดไฟล์ ให้ใช้ file upload box (file select box) สร้างด้วยแท็ก <input> ตั้ง type="file"

ตัวอย่าง

<!DOCTYPE html> <html>
  <head>
    <title>File Upload</title>
  </head>
  <body>
    <form>
      <input type="file" name="upload" accept="image/*" />
    </form>
  </body>
</html>

แอตทริบิวต์สำคัญของ File Upload

ข้อกำหนดสำคัญของ Form

• ต้องตั้ง method="POST"
• ต้องตั้ง enctype="multipart/form-data" (สำคัญมาก ไม่งั้นไฟล์ไม่ส่ง)
• Backend ต้องรองรับ multipart parsing (เช่น multer ใน Node.js, $_FILES ใน PHP)

<form action="/upload" method="POST" enctype="multipart/form-data">
  <input type="file" name="avatar" accept="image/*" required>
  <button type="submit">Upload</button>
</form>