Rumah > pembangunan bahagian belakang > tutorial php > Bagaimanakah AJAX boleh digunakan untuk memaparkan kemajuan masa nyata untuk muat naik fail?

Bagaimanakah AJAX boleh digunakan untuk memaparkan kemajuan masa nyata untuk muat naik fail?

Mary-Kate Olsen
Lepaskan: 2024-11-11 15:46:02
asal
187 orang telah melayarinya

How can AJAX be used to display real-time progress for file uploads?

Bar Kemajuan AJAX untuk Status Muat Naik Fail

Tugas muat naik fail mungkin selalunya melibatkan masa pemprosesan yang ketara, menjadikannya penting untuk menyediakan pengguna dengan kemas kini kemajuan. Skrip AJAX boleh memenuhi keperluan ini dengan menyediakan maklumat kemajuan masa nyata.

Pelaksanaan AJAX

Dalam contoh yang disediakan, kelas pelaksana mempunyai sifat $progress yang memegang kemajuan muat naik (1-100) dan kaedah get_progress() untuk mendapatkannya semula. Untuk memaparkan kemajuan ini pada bahagian hadapan, AJAX boleh digunakan.

Berikut ialah pelaksanaan AJAX yang dipermudahkan:

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);
    }
  });
}
Salin selepas log masuk

Fungsi ini meninjau skrip PHP secara berkala untuk mendapatkan semula kemajuan semasa dan mengemas kini bar kemajuan sewajarnya.

Dalam skrip PHP, upload_status.php, anda boleh mendapatkan nilai kemajuan menggunakan kaedah $executing_class->get_progress() dan mengembalikannya sebagai respons JSON:

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

Dengan menggunakan updateProgressBar() secara berkala menggunakan pemasa, anda boleh terus memaparkan kemajuan kepada pengguna.

Atas ialah kandungan terperinci Bagaimanakah AJAX boleh digunakan untuk memaparkan kemajuan masa nyata untuk muat naik fail?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan