jQuery로 파일 입력 크기를 확인하는 방법은 무엇입니까?

jQuery를 사용하여 파일 입력 크기를 확인하는 방법

문제:

다음에 대한 클라이언트 측 오류 보고를 구현하려고 합니다. jQuery를 사용하여 파일 업로드 형식의 대용량 파일. 파일 크기를 로컬에서 확인하거나 서버로 전송하여 확인할 수 있는지 궁금합니다.

답변:

직접 파일 액세스는 불가능하지만 HTML5 파일 API인 JavaScript는 파일 크기를 포함한 다양한 파일 속성을 노출합니다.

최신 브라우저용 솔루션(HTML5 호환):

<code class="html"><input type="file" id="myFile" /></code>

<code class="javascript">$('#myFile').bind('change', function() {
  alert(this.files[0].size); // Gets the file size in bytes
});</code>

이전 브라우저 지원:

이전 브라우저는 File API를 지원하지 않을 수 있습니다. 코드를 사용하기 전에 지원을 확인하세요.

<code class="javascript">if (window.File && window.FileReader && window.FileList && window.Blob) {
  // File API support detected, continue with the solution above
} else {
  // Fallback handling for older browsers
  // (e.g., display an error message or implement custom file size validation)
}</code>

위 내용은 jQuery로 파일 입력 크기를 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!