خصوصية Input FileUpload ملفات

موضوع HTML DOM Input FileUpload

التعريف والاستخدام

ملفات الخصوصية تعود بـ Object FileList، يمثل ملفًا أو أكثر مختارًا باستخدام زر تحميل الملفات.

من خلال Object 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 + " بايت <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