Properti files Input FileUpload

Objek Input FileUpload DOM HTML

Definisi dan penggunaan

files Properti ini mengembalikan objek FileList yang mewakili satu atau beberapa berkas yang dipilih dengan tombolunggah berkas.

Dengan objek FileList, dapat mengambil nama, ukuran, dan konten berkas.

Properti ini adalah hanya-baca.

Contoh

Gunakan tombolunggah berkas untuk memilih satu atau beberapa berkas, dan tampilkan informasi tentang berkas yang dipilih:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Pilih satu atau beberapa berkas.";
  } 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 += "Nama: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Ukuran: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Coba Sendiri

Syarat

fileuploadObject.files

Detil Teknis

Nilai Kembalian: Objek FileList, mewakili berkas yang dipilih.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 10.0 Dukungan Dukungan Dukungan

Objek Input FileUpload DOM HTML