Comment ajouter une barre de progression à vos téléchargements de fichiers PHP ?

Comment implémenter une barre de progression de téléchargement en PHP

Travaillez-vous sur un téléchargeur d'album photo et cherchez-vous à afficher une barre de progression pendant le processus de téléchargement ? Cet article fournit une solution concise pour ajouter une barre de progression à votre script de téléchargement PHP.

Solution de barre de progression de téléchargement PHP

Au lieu de créer une solution de barre de progression personnalisée à partir de zéro , nous vous recommandons d'utiliser la bibliothèque Fine Uploader. Cette bibliothèque offre plusieurs avantages :

• Simplicité : Elle est facile à configurer et à intégrer dans votre script PHP.
• Large compatibilité : Il fonctionne bien sur les environnements d'hébergement partagé sans nécessiter de bibliothèques PHP externes comme APC.
• Progrès Commentaires : Il fournit des mises à jour de progression en temps réel pour chaque fichier en cours de téléchargement.
• Fonctionnalités avancées : Il prend en charge la fonctionnalité glisser-déposer HTML5 et les téléchargements multiples de fichiers.

Implémentation de Fine Uploader

Pour implémenter Fine Uploader dans votre script :

1. Visitez la page GitHub : https://github.com/FineUploader/fine-uploader
2. Téléchargez la bibliothèque et extrayez-la dans le répertoire de votre serveur Web.
3. Incluez la ligne suivante dans votre script après avoir inclus votre PHP fichier :

<script src="path_to_fine_uploader/jquery.fine-uploader.js"></script>

4. Initialisez le téléchargeur avec des options personnalisées :

<script>
$(document).ready(function() {
    $('#fine-uploader').fineUploader({
        request: {
            endpoint: 'path_to_your_upload_script.php'
        },
        validation: {
            sizeLimit: 102400000 // in bytes (100 Mb)
        },
        callbacks: {
            onUpload: function(id, fileName) {
                console.log('Upload started for:', fileName);
            },
            onProgress: function(id, fileName, uploadedBytes, totalBytes) {
                var progress = Math.round(100 * uploadedBytes / totalBytes);
                console.log('Progress:', fileName, progress + '%');
            },
            onComplete: function(id, fileName, responseJSON) {
                console.log('Upload completed:', fileName);
            }
        }
    });
});
</script>

5. Personnalisez l'apparence et le comportement de la barre de progression via JavaScript options.

En utilisant Fine Uploader, vous pouvez facilement intégrer une barre de progression personnalisable et informative dans votre album photo PHP téléchargeur.

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!