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

ลูกค้าตรวจสอบขนาดไฟล์โดยใช้ HTML5


ก่อน HTML5 ขนาดไฟล์จะถูกตรวจสอบด้วยแฟลช แต่ตอนนี้หลีกเลี่ยงแฟลชในเว็บแอป ขนาดไฟล์ที่ฝั่งไคลเอ็นต์ยังคงตรวจสอบได้โดยการแทรกโค้ดที่ให้มาด้านล่างในตัวฟังเหตุการณ์

if (typeofFileReader !== "undefined") {
   // file[0] is file 1
   var s = document.getElementById('myfile').files[0].size;
}

เมื่อเปลี่ยนอินพุตไฟล์ ขนาดจะอัปเดต สำหรับสิ่งนั้น ให้ใช้ตัวฟังเหตุการณ์

document.getElementById('input').onchange = function() {
   // file[0] is file 1
   var s = document.getElementById('input').files[0].size;
   alert(s);
}