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

ตั้งค่าประเภทไฟล์ที่เซิร์ฟเวอร์ยอมรับใน HTML

ใช้แอตทริบิวต์ accept เพื่อตั้งค่าประเภทไฟล์ที่เซิร์ฟเวอร์ยอมรับใน HTML ใช้แอตทริบิวต์นี้ได้เฉพาะกับ <input type="file"> เท่านั้น

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อทำงานกับแอตทริบิวต์ accept:

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

รูปแบบค่าที่ใช้ได้:

  • image/* - ไฟล์รูปภาพทุกประเภท
  • audio/* - ไฟล์เสียงทุกประเภท
  • video/* - ไฟล์วิดีโอทุกประเภท
  • .pdf, .doc, .docx - นามสกุลไฟล์เฉพาะ
  • image/png, image/jpeg - MIME type เฉพาะ
  • รวมหลายค่าได้: accept="image/*,.pdf"

หมายเหตุ: เป็นการกรองฝั่งไคลเอนต์ (client-side) เท่านั้น ต้องตรวจสอบฝั่งเซิร์ฟเวอร์อีกครั้งเพื่อความปลอดภัย