솔루션 :

다음 코드를 사용하십시오. document.getElementById ( "btnload"). addeventListener ( "click", function () { // filereader에 대한 브라우저 지원을 확인하십시오 if (! window.filereader) { Console.log ( "파일 API가 지원되지 않음"); 반품; } // 파일 입력에서 파일을 검색합니다 var input = document.getElementById ( "FileInput"); var file = input.files [0]; // 파일 크기를 확인합니다 if (! file) { 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.");
  }
});

크기 제한 조건, 파일 이름 및 크기는 콘솔에 표시됩니다.

파일이 선택되지 않았거나 브라우저가 파일 API를 지원하지 않으면 적절한 메시지가 표시됩니다.