AJAX를 사용하여 파일 업로드의 실시간 진행 상황을 표시하려면 어떻게 해야 합니까?

파일 업로드 상태를 위한 AJAX 진행률 표시줄

파일 업로드 작업에는 종종 상당한 처리 시간이 소요될 수 있으므로 사용자에게 정보를 제공하는 것이 필수적입니다. 진행 상황 업데이트와 함께. AJAX 스크립트는 실시간 진행 정보를 제공하여 이 요구 사항을 충족할 수 있습니다.

AJAX 구현

제공된 예에서 실행 클래스에는 다음을 보유하는 $progress 속성이 있습니다. 업로드 진행률(1-100) 및 이를 검색하기 위한 get_progress() 메서드. 이 진행 상황을 프런트 엔드에 표시하기 위해 AJAX를 활용할 수 있습니다.

다음은 단순화된 AJAX 구현입니다.

function updateProgressBar() {
  // Make an AJAX call to the PHP script
  $.ajax({
    url: "upload_status.php",
    success: function(data) {
      // Update the progress bar with the returned value
      $("#progress").val(data);
    }
  });
}

이 함수는 PHP 스크립트를 주기적으로 폴링하여 현재 진행 상황을 검색하고 업데이트합니다. 그에 따라 진행률 표시줄이 표시됩니다.

PHP 스크립트 upload_status.php에서 다음을 사용하여 진행률 값을 얻을 수 있습니다. $executing_class->get_progress() 메서드를 사용하여 JSON 응답으로 반환합니다.

<?php
header('Content-Type: application/json');
echo json_encode(['progress' => $executing_class->get_progress()]);

타이머를 사용하여 주기적으로 updateProgressBar()를 호출하면 진행 상황을 사용자에게 지속적으로 표시할 수 있습니다.

위 내용은 AJAX를 사용하여 파일 업로드의 실시간 진행 상황을 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!