Comment implémenter la barre de progression du téléchargement de fichiers FTP en utilisant PHP-tutoriel php-php.cn

Comment implémenter la barre de progression du téléchargement de fichiers FTP en utilisant PHP

王林

Libérer： 2023-07-30 18:52:01

original

1419 Les gens l'ont consulté

Comment utiliser PHP pour implémenter la barre de progression du téléchargement de fichiers FTP

1 Introduction en arrière-plan
Dans le développement de sites Web, le téléchargement de fichiers est une fonction courante. Pour le téléchargement de fichiers volumineux, afin d'améliorer l'expérience utilisateur, nous devons souvent afficher une barre de progression du téléchargement à l'utilisateur pour l'informer du processus de téléchargement du fichier. Cet article explique comment utiliser PHP pour implémenter la fonction de barre de progression du téléchargement de fichiers FTP.

2. Comment implémenter la barre de progression du téléchargement de fichiers FTP

Idée de base
La barre de progression de téléchargement de fichiers FTP est généralement implémentée en calculant le rapport entre la taille du fichier téléchargé et la taille du fichier téléchargé, puis en affichant ce rapport sur l'écran. page d'accueil ci-dessus, formant une barre de progression.
Étapes spécifiques de mise en œuvre
(1) Créez une page de téléchargement contenant un formulaire de téléchargement de fichier et une boîte d'affichage de la barre de progression.
(2) Dans le back-end PHP, recevez le fichier téléchargé et téléchargez le fichier sur le serveur FTP via la connexion FTP.
(3) Pendant le processus de réception des fichiers, comptez la taille des fichiers téléchargés et calculez la progression du téléchargement.
(4) Envoyez la progression du téléchargement à la page frontale via AJAX ou d'autres méthodes, et mettez à jour l'affichage de la barre de progression en temps réel.

3. Exemple de code PHP

Exemple de page frontale (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>

Copier après la connexion

Exemple PHP back-end (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);
}
?>

Copier après la connexion

Dans l'exemple de code ci-dessus, la page frontale utilise La bibliothèque jQuery gère les requêtes AJAX et met à jour la largeur de la barre de progression en temps réel en écoutant l'événement de progression du téléchargementxhr.upload.addEventListener("progress", function (evt) {}). Le code PHP backend reçoit le fichier téléchargé et utilise la connexion FTP pour télécharger le fichier sur le serveur FTP.

4. Précautions

Avant d'utiliser FTP pour télécharger des fichiers, vous devez vous assurer que les informations pertinentes du serveur FTP (telles que l'adresse du serveur, le nom d'utilisateur, le mot de passe) sont correctes.
Le style de la barre de progression de la page frontale peut être ajusté en fonction des besoins du projet.
Dans les applications réelles, il peut être nécessaire d'ajouter une logique de traitement et des invites d'erreur en cas d'échec de téléchargement.

5. Résumé
Grâce à la méthode ci-dessus, nous pouvons utiliser PHP pour implémenter la fonction de barre de progression du téléchargement de fichiers FTP. De cette façon, lorsque les utilisateurs téléchargent des fichiers volumineux, l'expérience utilisateur peut être améliorée, permettant aux utilisateurs de voir clairement la progression du téléchargement des fichiers sans avoir à attendre la fin du téléchargement. J'espère que le contenu de cet article sera utile à tout le monde.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!