เขียนโปรแกรมเมื่อผู้ใช้งานเลือกไฟล์จาก input file ทำอย่างไร

อยากทราบวิธีการเขียนโปรแกรมเมื่อผู้ใช้งานเลือกไฟล์จาก input file โดยใช้ภาษา JavaScript ไม่ทราบว่าจะเขียนโปรแกรมดัก event หรือ event listener ของ JavaScript ได้อย่างไร โค้ดส่วนของ input file ตามด้านล่าง

<input type="file" id="file">

คำแนะนำ

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

<input type="file" id="file" onchange="upload()" />

<script>
    function upload() {
        alert("คุณเลือกไฟล์แล้ว");    
    }   
</script>

ผลลัพธ์

คุณเลือกไฟล์แล้ว