สร้างปุ่มอัปโหลดไฟล์ ภาษา HTML ด้วย input type file

สอนเขียนโค้ดสร้างปุ่มอัปโหลดไฟล์ ภาษา HTML ด้วย input type file ตัวอย่างแนะนำการสร้างปุ่มสำหรับเลือกรูปภาพจากในเครื่องเพื่ออัปโหลดไฟล์ ของภาษา HTML ผ่าน input type file สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 สร้างปุ่มอัปโหลดไฟล์ ภาษา HTML ด้วย input type file

<input type="file" name="image">

ตัวอย่างที่ 2 ปุ่มอัปโหลดไฟล์รองรับเฉพาะรูปภาพ

<input type="file" name="image" accept="image/*">

ตัวอย่างที่ 3 ปุ่มอัปโหลดไฟล์ เลือกได้มากกว่า 1 ไฟล์

<input type="file" name="image" multiple>

สร้างปุ่มอัปโหลดไฟล์ ภาษา HTML ด้วย input type file ตัวอย่างที่ 1เป็นปุ่มอัปโหลดไฟล์ตามปกติ ตัวอย่างที่ 2 เพิ่ม attribute accept="image/*" เพื่อให้ปุ่มอัปโหลดไฟล์เลือกได้เฉพาะไฟล์รูปภาพ และตัวอย่างที่ 3 เพิ่มคำสั่ง multiple เพื่อให้ปุ่มอัปโหลดไฟล์ สามารถเลือกไฟล์ได้มากกว่า 1 ไฟล์พร้อมกัน (รองรับการอัปโหลดมากกว่า 1 ไฟล์)