يوفر JavaScript حلاً أنيقًا لهذا مع واجهة برمجة تطبيقات الملف.

الحل:

document.getElementById ("btnload"). addeventListener ("Click" ، function () { // تحقق من دعم المتصفح لـ FileReader if (! window.filereader) { console.log ("ملف API غير مدعوم.") ؛ يعود؛ } // استرجع الملف من إدخال الملف var input = document.getElementById ("fileInput") ؛ ملف var = input.files [0] ؛ // التحقق من صحة حجم الملف إذا (! ملف) { console.log ("لا يوجد ملف محدد.") ؛ } آخر { console.log ("file" file.name "هو" file.size "بايت في الحجم.") ؛ } }) ؛

التفسير:

القيود ، يتم عرض اسم الملف وحجمها في وحدة التحكم.

إذا لم يتم تحديد أي ملف أو لا يدعم المتصفح واجهة برمجة تطبيقات الملف ، يتم عرض الرسائل المناسبة.

// Setup event listener for 'Load' button click
document.getElementById("btnLoad").addEventListener("click", function () {
  // Verify browser support for FileReader
  if (!window.FileReader) {
    console.log("File API not supported.");
    return;
  }

  // Retrieve the file from the file input
  var input = document.getElementById("fileinput");
  var file = input.files[0];

  // Validate file size
  if (!file) {
    console.log("No file selected.");
  } else {
    console.log("File "   file.name   " is "   file.size   " bytes in size.");
  }
});