Wie zeige ich den AJAX-Upload-Fortschritt mit einem „Element' an?

Anzeigen des AJAX-Upload-Fortschritts mit einem Fortschrittselement

Beim Arbeiten mit langwierigen Datei-Uploads über AJAX ist es wichtig, Benutzern visuelles Feedback zu geben der Fortschritt. In diesem Artikel soll dieses Problem behoben werden, indem untersucht wird, wie ein -Konto aktualisiert wird. Element in Echtzeit, um den Status des Uploads anzuzeigen.

In Ihrer ausführenden Klasse haben Sie eine $progress-Eigenschaft, die den Fortschritt des Uploads verfolgt, und eine get_progress()-Methode, um diesen Wert abzurufen. Die Herausforderung besteht darin, über AJAX auf dieselbe Instanz im Frontend zuzugreifen.

Lösung ohne JavaScript

Obwohl AJAX eine gängige Lösung ist, wenn Sie eine Anzeige benötigen Um den Fortschritt ohne die Verwendung von JavaScript zu erreichen, sollten Sie das folgende PHP-Skript verwenden:

// Quick and easy progress script
$array1 = array(2, 4, 56, 3, 3);
$current = 0;

foreach ($array1 as $element) {
    $current++;
    outputProgress($current, count($array1));
}
echo "<br>";

// Second progress
$array2 = array(2, 4, 66, 54);
$current = 0;

foreach ($array2 as $element) {
    $current++;
    outputProgress($current, count($array2));
}

// Output span with progress
function outputProgress($current, $total) {
    echo "<span></span>

Dieses Skript iteriert durch Arrays und gibt den Fortschritt als Spannen mit aus Prozentsätze in einer Schleife. Die Funktion myFlush() sorgt dafür, dass die Ausgabe sofort gesendet wird und der Fortschritt in Echtzeit angezeigt werden kann.

Das obige ist der detaillierte Inhalt vonWie zeige ich den AJAX-Upload-Fortschritt mit einem „Element' an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!