JavaScript ดึงขนาดไฟล์ที่ผู้ใช้งานเลือกอัปโหลด

สอนเขียน JavaScript ดึงขนาดไฟล์ที่ผู้ใช้งานเลือกอัปโหลด โดยใช้คำสั่ง files[0].size ได้ผลลัพธ์เป็นจำนวนของขนาดไฟล์มีหน่วยเป็น byte โดยมีการอ้างถึง element ของ input file ผ่าน id สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ดึงขนาดไฟล์ที่ผู้ใช้งานเลือกอัปโหลด

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

<script>
    function getSize() {
        let file = document.getElementById("file");
        let size = file.files[0].size;
        console.log("ไฟล์มีขนาด "+size+" byte");      
    }   
</script>

JavaScript ดึงขนาดไฟล์ที่ผู้ใช้งานเลือกอัปโหลด จากตัวอย่างเมื่อผู้ใช้งานเลือกไฟล์คำสั่ง onchange จะทำงานและเรียกใช้ฟังก์ชัน getSize ใน JavaScript โดยภายในฟังก์ชัน getSize จะอ้างถึง id = file ผ่านคำสั่ง document.getElementById เก็บไว้ที่ตัวแปร file จากนั้นใช้คำสั่ง file.files[0].size เพื่อดึงขนาดของไฟล์ออกมา พร้อมแสดงผลลัพธ์ด้วยคำสั่ง console.log