So zeigen Sie den Ladebildschirm vor dem PDF-Dokument an

Question

In unserer Anwendung haben wir Links zu dynamisch generierten PDF-Dokumenten. Die Links sehen in etwa so aus host/22-5/file_3136.pdf so scheint es für den Browser wie ein statisches PDF-Dokument. Wenn der Link angeklickt wird, öffnet sich ein neues Fenster. Das Fenster erhält PDF-Dokument nur (kein HTML) mit Header wie:

Content-Disposition: inline; filename=file_3136.pdf 
Content-Type: application/pdf 

Wir wollen Benutzer in der Lage sein, das PDF im Browser zu sehen, ob PDF-Plug-in installiert ist und in der Lage sein, das Dokument speichern mit dem korrekten Dateiname.

Jetzt möchten wir einen Ladebildschirm hinzufügen, der während der PDF-Generierung angezeigt werden würde. Was ist der beste Weg, dies zu tun, während die aktuelle Funktionalität beibehalten wird.

Eine Option wäre, den Ladebildschirm anzuzeigen und dann nach Abschluss der Generierung in PDF umzuleiten. Dies würde erfordern, dass ich das PDF für einige Zeit auf dem Server aufbewahre. Momentan werden sie gelöscht, sobald die Antwort gesendet wird.

Eine weitere Option ist es, einige HTML und JavaScript zu senden (die Lade Seite zeigen) mit <embed>, oder <object> Tag, das auf dem Server zu dem pdf verweist.

Was ist der beste Ansatz? Was funktioniert mit den meisten Browsern?

Answer 1

Auf Download-Sites sehe ich oft ein zusätzliches (kleines) Fenster auftauchen. Ich glaube, dass Fenster als "Choreograph" fungiert, um zu steuern, was auf der Hauptseite angezeigt wird, während auch eine Weiterleitung auf die Download-Datei abgefeuert wird.

Answer 2

HTML-Weiterleitungen. Sie erstellen eine Seite, die alle paar Sekunden "an sich selbst" weiterleitet. Wenn die PDF-Datei fertig ist, generieren Sie stattdessen eine Weiterleitung an diese.

Answer 3

Um die PDF-Datei tatsächlich vorab zu laden, so dass der Eindruck eines sofortigen Ladens gegeben ist. auf der Seite vor der pdf verlinkte Seite eine Vorbelastung Skript hinzufügen:

<img id="pdfLoader" src="preloader.jpg"/> 

Sie können von ajaxload.info

<script language="javascript" type="text/javascript"> 
//<![CDATA[ 
<!-- 
var pdfLoader = document.getElementById("pdfLoader"); 
pdfLoader.src = "http://mysite.com/mypdf.pdf"; 
//--> 
//]]> 
</script> 

Der obigen Code zwischen und auf der Seite mit dem Link zu der ein preloader Bild bekommen platziert .pdf-Datei (oder HTML-Datei mit dem .pdf darin) weist den Browser an, die PDF-Datei in den Browser-Cache zu laden, aber lassen Sie es dort. (Dateityp ist irrelevantes Bild() ist bequem, verwenden Sie das gleiche Skript für jeden Dateityp, da es nie gerendert wird) der Download geschieht, nachdem die Seite vollständig gerendert wurde, so verzögert die aktuelle Seite nicht. Beim Klicken auf den Link zur .pdf-Datei (oder HTML-Seite) findet der Browser die .pdf-Datei im Browser-Cache und lädt sie nicht herunter, sondern zeigt sie aus dem Cache bei scheinbar blendenden Download-Geschwindigkeiten an.

In Browser mit Javascript deaktiviert, verschlechtert sich die Funktion der ersten Seite angezeigt werden können sehr schnell anmutig auch Sie

Answer 4

Wenn Sie das PDF linearisieren. Ich schrieb 2 Artikel mit linearisierten PDF unter http://www.jpedal.org/PDFblog/2010/11/do-i-have-to-download-the-whole-pdf-if-i-view-it-across-the-internet/ und http://www.jpedal.org/PDFblog/2010/02/linearized-pdf-files/