Bagaimana untuk Menambah Bar Kemajuan pada Muat Naik Fail PHP Anda?

Cara Melaksanakan Bar Kemajuan Muat Naik dalam PHP

Adakah anda sedang mengusahakan pemuat naik album foto dan ingin memaparkan bar kemajuan semasa proses muat naik? Artikel ini menyediakan penyelesaian ringkas untuk menambahkan bar kemajuan pada skrip muat naik PHP anda.

Penyelesaian Bar Kemajuan Muat Naik PHP

Daripada mencipta penyelesaian bar kemajuan tersuai dari awal , kami mengesyorkan anda menggunakan pustaka Fine Uploader. Pustaka ini menawarkan beberapa kelebihan:

• Kesederhanaan: Sangat mudah untuk disediakan dan disepadukan ke dalam skrip PHP anda.
• Keserasian Luas: Ia berfungsi dengan baik pada persekitaran pengehosan yang dikongsi tanpa memerlukan perpustakaan PHP luaran seperti APC.
• Maklum Balas Kemajuan: Ia menyediakan kemas kini kemajuan masa nyata untuk setiap fail yang dimuat naik.
• Ciri Terperinci: Ia menyokong seretan HTML5- fungsi and-drop dan berbilang fail muat naik.

Melaksanakan Pemuat Naik Baik

Untuk melaksanakan Fine Uploader dalam skrip anda:

1. Lawati halaman GitHub: https: //github.com/FineUploader/fine-uploader
2. Muat turun perpustakaan dan ekstrak ke dalam direktori pelayan web anda.
3. Sertakan baris berikut dalam skrip anda selepas memasukkan fail PHP anda:

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

4. Mulakan pemuat naik dengan pilihan tersuai:

<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. Sesuaikan penampilan dan kelakuan bar kemajuan melalui JavaScript pilihan.

Dengan menggunakan Fine Uploader, anda boleh dengan mudah menyepadukan bar kemajuan yang boleh disesuaikan dan bermaklumat ke dalam pemuat naik album foto PHP anda.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Bar Kemajuan pada Muat Naik Fail PHP Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!