คุณสมบัติ Input FileUpload files

HTML DOM องค์ประกอบ Input FileUpload

คำนำและการใช้งาน

files คุณสมบัติกลับค่าตัวแทน FileList ที่แสดงแฟ้มหนึ่งหรือหลายแฟ้มที่เลือกด้วยปุ่มอัพโหลดแฟ้ม

ผ่านตัวแทน FileList สามารถเข้าถึงชื่อแฟ้ม ขนาดและเนื้อหาของแฟ้ม

คุณสมบัตินี้เป็นคุณสมบัติที่แสดงค่าเดียว

ตัวอย่าง

ใช้ปุ่มอัพโหลดแฟ้มเพื่อเลือกแฟ้มหนึ่งหรือหลายแฟ้ม และแสดงข้อมูลของแฟ้มที่เลือก：

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "เลือกแฟ้มหนึ่งหรือหลายแฟ้ม。";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". file</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "ชื่อแฟ้ม：" + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "ขนาด：" + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

ทดลองด้วยตัวเอง

คำสั่ง

fileuploadObject.files

รายละเอียดเทคโนโลยี

ค่าที่กลับมา วัตถุ FileList นำเสนอไฟล์ที่เลือก

การสนับสนุนโปรแกรมน่าเทคโนโลยี

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 10.0 สนับสนุน สนับสนุน สนับสนุน

HTML DOM องค์ประกอบ Input FileUpload