> 웹 프론트엔드 > JS 튜토리얼 > JavaScript로 업로드하기 전에 파일 크기를 어떻게 확인할 수 있나요?

JavaScript로 업로드하기 전에 파일 크기를 어떻게 확인할 수 있나요?

Mary-Kate Olsen
풀어 주다: 2024-12-15 20:56:16
원래의
734명이 탐색했습니다.

How Can I Verify File Size Before Uploading with JavaScript?

JavaScript로 업로드하기 전에 파일 크기 확인

파일 업로드를 처리할 때 파일 크기가 특정 제약 조건을 충족하는지 확인하는 것이 중요합니다. JavaScript는 File API를 통해 이에 대한 우아한 솔루션을 제공합니다.

해결책:

업로드하기 전에 파일 크기를 확인하려면 다음을 활용하세요. 코드:

// 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.");
  }
});
로그인 후 복사

설명:

  • 이 코드는 FileReader API를 사용하여 파일을 읽고 크기(바이트)를 결정합니다.
  • 'Load' 버튼에 연결된 이벤트 리스너에서 검증이 이루어집니다.
  • 파일이 성공적으로 실행된 경우 검색되어 크기 제한을 충족하면 파일 이름과 크기가 콘솔에 표시됩니다.
  • 선택한 파일이 없거나 브라우저가 File API를 지원하지 않는 경우 해당 메시지가 표시됩니다.

위 내용은 JavaScript로 업로드하기 전에 파일 크기를 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿