top of page
การสร้างฟิลด์เพื่อเลือกไฟล์ (File selection control)
นอกจากการเก็บข้อมูลทั่วไปเเล้ว เรายังสามารถสร้างฟิลด์เพื่อส่งไฟล์จากเครื่องของผู้ใช้ไปยังเซร์ฟเวอร์ได้อีกด้วย โดยกำหนดรูปเเบบข้อมูลเเบบ File ซึ่งมีรูปเเบบดังนี้
รูปเเบบ <input type ="file" size= "ขนาด">
โดยที่
type="file" จะใช้ในการสร้างปุ่มเพื่อไปเลือกไฟล์ซึ่งอาจเป็นปุ่ม Browse หรือ Choose File ขึ้นอยู่กับเเต่ละเบราว์เซอร์ เช่น
Size ใช้ในการกำหนดขนาดของช่องข้อความเพื่อใช้เเสดงชื่อไฟล์ที่ถูกเลือกซึ่งขึ้นอยู่กับการเเสดงผลของเบราว์เซอร์ เช่น
<input type ="file" name="photo" size="28">
หากฟอร์มของเรามีฟิลด์ข้อมูลเเบบเลือกไฟล์นี้อยู่ เราจะต้องกำหนดชนิดของการเข้ารหัส(enctype)ของฟอร์มเป็น multipart/form-data เเละใช้ method เป็น POST เช่น
<fome action = "/client.pnp" method"POST" enctype="multipart/form-data" >
ตัวอย่างการกำหนดข้อมูลเเบบ File
<body>
<fome fome action = "/client.pnp" method"POST" enctype="multipart/form-data" >
รูปถ่าย: <input type ="file" name="photo" size="28">
</fome>
</body>
ผลที่ได้บนเบราว์เซอร์
bottom of page