AJAX Upload Progress

In AJAX-gesteuerten Dateien-Uploads können erweiterte Verarbeitungszeiten zur Frustration der Benutzer führen. Um dies anzugehen, ist das Anzeigen von Fortschrittsaktualisierungen unerlässlich. Dieser Artikel befasst sich mit der Herausforderung, ein -Element für Echtzeit-Feedback für Benutzer zu aktualisieren.

von zentralerer Bedeutung für diese Lösung ist die $ Progress-Eigenschaft der Ausführungsklasse, die die Fortschrittserkrankungen in einem Bereich von 1 bis 100 verfolgt. Die Methode get_progress () bietet Zugriff auf diesen Fortschrittswert. Der Kern des Problems liegt jedoch darin, wie das Front-End -Element mit AJAX nahtlos aktualisiert werden kann.

Obwohl AJAX die bevorzugte Lösung ist, ist aufgrund von Einschränkungen im Objektinstanzzugriff über verschiedene Umgebungen hinweg ein anderer Ansatz erforderlich. Anstelle von JavaScript-basierten AJAX schlagen wir einen serverseitigen Fortschritts-Tracking-Mechanismus vor, der Php verwendet. Jede Spannweite ist absolut mit einem Z-Index positioniert, der seinem aktuellen Fortschrittsstatus entspricht, sodass die Balken vertikal gestapelt werden können.

, indem die Funktion outputProgress () aktuelle und Gesamtfortschrittswerte akzeptiert wird, generiert das Skript dynamisch den Prozentsatz und aktualisiert die Spans. Darüber hinaus stellt die Funktion myFlush () sicher, dass der Ausgangspuffer nach jeder Iteration gespült wird und Echtzeit-Fortschrittsaktualisierungen für den Benutzer aktiviert.