Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von JavaScript erkennen, wann ein Dateidownload in einem Browser abgeschlossen ist?

Wie kann ich mithilfe von JavaScript erkennen, wann ein Dateidownload in einem Browser abgeschlossen ist?

Susan Sarandon
Freigeben: 2024-12-19 11:50:11
Original
325 Leute haben es durchsucht

How Can I Detect When a File Download is Complete in a Browser Using JavaScript?

Bestimmen Sie den Abschluss des Dateidownloads in einem Browser

In dieser Abfrage fordert ein Benutzer eine Lösung an, um zu ermitteln, wann ein Dateidownload in einem Browser abgeschlossen ist . Dieses Wissen ermöglicht es ihnen, einen „Warten“-Indikator zu entfernen, der während der Generierung der Datei angezeigt wird.

Der anfängliche Ansatz bestand darin, ein verstecktes Formular mithilfe einer POST-Anfrage an den Server zu senden und einen versteckten Iframe als Ziel für Ergebnisse zu verwenden. Das Setzen eines „Content-Disposition: attachment“-Headers mit der Datei, der normalerweise den Browser dazu auffordert, den „Speichern“-Dialog anzuzeigen, löste jedoch nicht das gewünschte „Laden“-Ereignis im Iframe aus.

Alternativ: Die Verwendung einer mehrteiligen Antwort löste das Problem in Firefox teilweise, indem eine leere HTML-Datei zusammen mit der herunterladbaren Datei gesendet wurde. In Internet Explorer und Safari schlug dies jedoch aufgrund von Browserinkonsistenzen fehl.

Clientseitige JavaScript-Lösung

Eine zuverlässigere Lösung liegt in der Verwendung von JavaScript auf der Clientseite:

  1. Generieren Sie ein eindeutiges Token und senden Sie es zusammen mit der Download-Anfrage.
  2. Zeigen Sie „Warten“ an. Indikator.
  3. Fragen Sie den Server ab, ob ein Cookie vorhanden ist, das das Token enthält.
  4. Wenn Sie das Cookie gefunden haben, blenden Sie den „Warten“-Indikator aus.

Serverseitige Implementierung

Der Server prüft die Anfrage nach dem eindeutigen Token und verwirft, falls vorhanden, ein entsprechendes Cookie.

Beispielcode

JavaScript (clientseitig):

[JavaScript-Code bereitgestellt]

PHP (server- Seite):

[PHP-Code bereitgestellt]

Dieser Ansatz verhindert effektiv Mehrfachübermittlungen versucht und stellt sicher, dass der „Warten“-Indikator erst entfernt wird, wenn der Download beginnt.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript erkennen, wann ein Dateidownload in einem Browser abgeschlossen ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage