PHP를 사용하여 FTP 파일 업로드 진행 표시줄을 구현하는 방법-PHP 튜토리얼-php.cn

PHP를 사용하여 FTP 파일 업로드 진행 표시줄을 구현하는 방법

王林

풀어 주다： 2023-07-30 18:52:01

원래의

1285명이 탐색했습니다.

PHP를 사용하여 FTP 파일 업로드 진행 표시줄을 구현하는 방법

1. 배경 소개
웹사이트 개발에서 파일 업로드는 일반적인 기능입니다. 대용량 파일을 업로드하는 경우 사용자 경험을 개선하기 위해 사용자에게 파일 업로드 프로세스를 알 수 있도록 업로드 진행률 표시줄을 표시해야 하는 경우가 많습니다. 이 기사에서는 PHP를 사용하여 FTP 파일 업로드 진행률 표시줄 기능을 구현하는 방법을 소개합니다.

2. FTP 파일 업로드 진행률 표시줄 구현 방법

기본 아이디어
FTP 파일 업로드 진행률 표시줄은 일반적으로 업로드된 파일 크기에 대한 비율을 계산한 다음 이 비율을 화면에 표시하는 방식으로 구현됩니다. 위의 프런트 엔드 페이지에서 진행률 표시줄이 표시됩니다.
구체적인 구현 단계
(1) 파일 업로드 양식과 진행률 표시줄 표시 상자가 포함된 업로드 페이지를 만듭니다.
(2) 백엔드 PHP에서 업로드된 파일을 받아 FTP 연결을 통해 FTP 서버에 업로드합니다.
(3) 파일 수신 과정에서 업로드된 파일의 크기를 계산하고 업로드 진행률을 계산합니다.
(4) AJAX 또는 기타 방법을 통해 업로드 진행 상황을 프런트 엔드 페이지로 보내고 진행률 표시줄 표시를 실시간으로 업데이트합니다.

3. PHP 코드 예시

프론트 페이지 예시(upload.html):

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>FTP文件上传进度条</title>
 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script>
     $(document).ready(function () {
         $("form").submit(function (event) {
             event.preventDefault();
             var formData = new FormData($(this)[0]);
             $.ajax({
                 url: 'upload.php',
                 type: 'POST',
                 data: formData,
                 processData: false,
                 contentType: false,
                 xhr: function () {
                     var xhr = new window.XMLHttpRequest();
                     xhr.upload.addEventListener("progress", function (evt) {
                         if (evt.lengthComputable) {
                             var percentComplete = evt.loaded / evt.total;
                             // 更新进度条
                             $("#progress-bar").width(Math.round(percentComplete * 100) + '%');
                         }
                     }, false);
                     return xhr;
                 },
                 success: function () {
                     alert('文件上传成功！');
                 }
             });
         });
     });
 </script>
 <style>
     #progress-bar {
         width: 0%;
         height: 20px;
         background-color: #1E90FF;
     }
 </style>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
 <input type="file" name="file">
 <input type="submit" value="上传">
</form>
<div id="progress-bar"></div>
</body>
</html>

로그인 후 복사

백엔드 PHP 예시(upload.php):

<?php
$ftp_server = "Your_FTP_Server";
$ftp_user = "Your_FTP_Username";
$ftp_password = "Your_FTP_Password";

$remote_file_path = "/upload/";

if ($_FILES["file"]["error"] > 0) {
 echo "文件上传失败！";
} else {
 $file_name = $_FILES["file"]["name"];
 $file_tmp = $_FILES["file"]["tmp_name"];
 $file_size = $_FILES["file"]["size"];

 $ftp_conn = ftp_connect($ftp_server);
 ftp_login($ftp_conn, $ftp_user, $ftp_password);
 ftp_pasv($ftp_conn, true);

 $remote_file = $remote_file_path . $file_name;

 if (ftp_put($ftp_conn, $remote_file, $file_tmp, FTP_BINARY)) {
     echo "文件上传成功！";
 } else {
     echo "文件上传失败！";
 }

 ftp_close($ftp_conn);
}
?>

로그인 후 복사

위 코드 예시에서, 프런트 엔드 페이지에서는 jQuery 라이브러리가 AJAX 요청을 처리하고 업로드 진행 이벤트xhr.upload.addEventListener("progress", function (evt) {})를 수신하여 진행률 표시줄의 너비를 실시간으로 업데이트합니다. 백엔드 PHP 코드는 업로드된 파일을 수신하고 FTP 연결을 사용하여 파일을 FTP 서버에 업로드합니다.

4. 주의 사항

FTP를 사용하여 파일을 업로드하기 전에 FTP 서버의 관련 정보(예: 서버 주소, 사용자 이름, 비밀번호)가 올바른지 확인해야 합니다.
프런트 엔드 페이지의 진행률 표시줄 스타일은 프로젝트 필요에 따라 조정될 수 있습니다.
실제 애플리케이션에서는 업로드 실패에 대한 처리 로직과 오류 프롬프트를 추가해야 할 수도 있습니다.

5. 요약
위의 방법을 통해 PHP를 사용하여 FTP 파일 업로드 진행률 표시줄 기능을 구현할 수 있습니다. 이러한 방식으로 사용자가 대용량 파일을 업로드할 때 사용자 경험이 향상되어 사용자가 업로드가 끝날 때까지 기다리지 않고도 파일 업로드 진행 상황을 명확하게 확인할 수 있습니다. 이 글의 내용이 모든 분들께 도움이 되기를 바랍니다.

위 내용은 PHP를 사용하여 FTP 파일 업로드 진행 표시줄을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!