Pdf.js: Wie bringt man pdf.js zum Laufen?

Hier können Sie Fehler melden. Es ist kein Support-Forum.
Bitte lesen Sie die README-Datei auf der Startseite und sehen Sie sich den Viewer und die Beispiele an
http://mozilla.github.io/pdf.js/web/viewer.html
http://jsbin.com/pdfjs-helloworld-v2/edit#html , live
http://jsbin.com/pdfjs-prevnext-v2/edit#html , live

Danke benbro,
Das wusste ich nicht - ich habe mir alle Support-Dokumente ohne Erfolg angesehen.

Würden Sie bitte eine Website vorschlagen, die solche Unterstützung bieten könnte?
Danke im Voraus.

Alle Informationen, die Sie suchen, finden Sie in der README-Datei auf der Startseite:
https://github.com/mozilla/pdf.js/blob/master/README.md
Schauen Sie unter den Fragen.

@AliND Die Beispiele von @benbro sollten den Trick machen. Es ist in der Tat am besten, die gesamte Zip-Datei herunterzuladen oder das Repository zu klonen. Ich habe es zum Laufen gebracht, indem ich einfach das Repository geklont und auf einer lokalen XAMPP-Instanz ausgeführt habe. Vergessen Sie nicht, dass sich der eigentliche Viewer in der Datei web/viewer.html Wenn Sie also den Stammordner besuchen, wird nur eine Ordnerliste angezeigt.

Versuchen Sie, es auf einem Webserver oder einer lokalen XAMPP / WAMP-Instanz zum Laufen zu bringen? Bitte posten Sie zusätzliche Informationen (genaue Fehlermeldungen / Warnungen von der Konsole und dem Betriebssystem / Browser), wenn Sie weiterhin Fehler erhalten. Wenn Sie es auf einen Webserver hochladen, kann ein Link zu Ihrem Viewer auch helfen, Probleme aufzuspüren. Wir helfen Ihnen gerne weiter, wenn Sie es wirklich nicht selbst herausfinden können. :) :)

@timvandermeij Zuerst danke ich Ihnen für Ihre freundliche Antwort. Ich danke auch @benbro sehr, aber die Links haben mir nicht geholfen, das Problem zu lösen.

Mir ist aufgefallen, dass viele Menschen das gleiche Problem haben (hatten). Einige hatten es ungelöst, während diejenigen, die es gelöst hatten, die Schritte nicht zeigten! Ich glaube, dass es sehr nützlich wäre, einen so kleinen Leitfaden zu schreiben, wie man ihn für Anfänger zum Laufen bringt.

@timvandermeij , ich kann XAMPP oder einen anderen
Hostnamen: pdfjs.eu.pn
FTP-Benutzername: 1468147_admin
FTP-Passwort: hallo123?

Ich habe drei verschiedene Ansätze ausprobiert und drei verschiedene PDF-Warnungen erhalten:

1- Ich habe alles mit WinHTTrack heruntergeladen, dann hochgeladen und erhalte folgende Fehlermeldung:
http://pdfjs.eu.pn/pdf.js/web/viewer.html
oder "InvalidPDFException". Es ist jedoch seltsam, dass ich es offline (ohne installierten Server) mit Safari öffnen konnte, obwohl es nicht vollständig korrekt ist.

2- Ich erhalte diesen Fehler (keine Warnmeldung), aber die Seite wird nicht angezeigt
http://pdfjs.eu.pn/pdf2.js/web/viewer.html

3- Wenn ich den gesamten komprimierten Ordner (alle Dateien) hochlade, erhalte ich folgenden Fehler:
[Beim Ausführen des Befehls ist ein Fehler aufgetreten]
und dann geht das Design verloren, es werden nur einige Schaltflächen und Felder angezeigt.

Ich schätze deine Hilfe sehr.
Warten auf Ihre Vorschläge - Vielen Dank
AliND

Unter http://pdfjs.eu.pn/pdf.js/build/pdf.js wird auf Ihrem Server "GET" durch "GET.html" ersetzt (wahrscheinlich Spiegelungsprogramm), z.

      };

      xhr.open('GET.html', this.url);
      for (var property in this.httpHeaders) {
        var value = this.httpHeaders[property];

A http://mozilla.github.io/pdf.js/build/pdf.js ist es ohne ".html". Schließen des Problems als ungültig.

Verwenden Sie git, um die gh-Seiten mit dem Produktionscode zu ziehen: git clone -b gh-pages https://github.com/mozilla/pdf.js.git pdfjs-gh-pages

Vielen Dank @yurydelendik - ich

Ich bin jedoch ein Neuling mit PHP und Javascript.

Ich habe Ihren Rat (GET) ausprobiert, und er ist in der Tat nützlich. Jetzt zeigt der Lader, aber nicht das Dokument. Als ich die web & src-Ordner zum ersten Mal hochgeladen habe, habe ich dies getan, basierend auf Ihrem Hinweis im folgenden Thread:
https://github.com/mozilla/pdf.js/issues/2371 (Bitte beachten Sie, dass der Fehler, den ich in diesem Fall erhalten habe, war: [Bei der Verarbeitung dieser Anweisung ist ein Fehler aufgetreten])

Ich kenne Yury nicht, aber es scheint, dass viele Anfänger vor dem gleichen Problem stehen. Ich bin der festen Überzeugung, dass es einen einfachen Weg gibt, wie im folgenden Beispiel (bereits erwähnt), bei dem Sie einfach die Ordner hochladen, damit er funktioniert. Dies ist sowohl für mich als auch für viele andere sehr hilfreich.
http://www.worldwidewhat.net/2011/08/render-pdf-files-with-html5/

Ich möchte nicht so aussehen, als würde ich meinen Lärm in das Geschäft anderer Leute stecken, aber ein sehr kurzes Tutorial für Anfänger auf der Hauptseite von Pdf.js wäre sehr nützlich.

Unabhängig davon, ob mein Problem gelöst ist oder nicht, ich danke Ihnen allen für Ihre freundliche Unterstützung.
Alles Gute //
AliND

Für Anfänger kann dort viel schief gehen. Als erstes empfehle ich den Anfängern, die README-Datei, die FAQs und die Ratschläge in den Ausgaben zu befolgen. Konnten Sie node.js einrichten, das Projekt mit git klonen und erstellen? Haben Sie versucht, meinem Rat zu folgen, um den obigen Befehl git zu verwenden?

Die Bereitstellung der pdf.js auf der benutzerdefinierten Plattform fällt nicht in den Geltungsbereich dieses Projekts. Wir akzeptieren jedoch gerne die detaillierten Schritt-für-Schritt-Anweisungen der Mitwirkenden / Experten für eine bestimmte Plattform (in Form einer Wiki-Seite). Wenn Sie der Meinung sind, dass uns etwas fehlt und Sie wissen, wie Sie den allgemeinen Fall lösen können, erstellen Sie bitte eine Wiki-Seite.

@AliND Es scheint, dass Ihnen einige Dateien fehlen. Der Viewer auf http://pdfjs.eu.pn/pdf.js/web/viewer.html scheint mir in Ordnung zu sein, aber die Konsole behauptet, dass:

 "NetworkError: 404 nicht gefunden - http://pdfjs.eu.pn/pdf.js/build/compressed.tracemonkey-pldi-09.pdf"

dh die PDF-Datei existiert an diesem Ort nicht. Platzieren Sie es dort, und es sollte in Ordnung sein.

Der zweite Link funktioniert nicht, da Ihnen die folgenden Dateien fehlen:

 "NetworkError: 404 nicht gefunden - http://pdfjs.eu.pn/pdf2.js/external/webL10n/l10n.js"
 l10n.js
 "NetworkError: 404 nicht gefunden - http://pdfjs.eu.pn/pdf2.js/external/jpgjs/jpg.js"
 jpg.js
 "NetworkError: 404 nicht gefunden - http://pdfjs.eu.pn/pdf2.js/external/webL10n/l10n.js"
 l10n.js
 "NetworkError: 404 nicht gefunden - http://pdfjs.eu.pn/pdf2.js/external/jpgjs/jpg.js"

Bitte überprüfen Sie, ob sich die genannten Dateien unter diesem Pfad befinden. Für das, was ich sagen kann, sollte das es tun. Tipp: Verwenden Sie die Firefox-Konsole ( CTRL + Shift + K ), um die oben genannten Fehler anzuzeigen. Sie helfen Ihnen dabei, Probleme aufzuspüren.

@AliND http://pdfjs.eu.pn/pdf.js/web/viewer.html funktioniert jetzt teilweise, da ich die PDF-Datei zum Build-Verzeichnis hinzugefügt habe. Die Tatsache, dass dies erforderlich ist, könnte darauf hinweisen, dass während des Erstellungsprozesses etwas faul passiert ist. Ich werde mich ein bisschen mehr mit Ihnen befassen und Ihnen hoffentlich ein besseres Feedback geben.

@AliND Hier geht's: http://pdfjs.eu.pn/pdf3.js/web/viewer.html

Was ich getan habe:

1. Laden Sie https://github.com/mozilla/pdf.js/archive/master.zip herunter
2. Extrahieren Sie es.
3. Laden Sie den gesamten Ordner in den Ordner pdf3.js Ihres FTP-Kontos hoch (ich habe zwei große Test-PDF-Dateien weggelassen, da sie nicht benötigt werden und der kostenlose FTP-Server Probleme damit hatte).

Nichts Besonderes, so seltsam, dass es für mich funktioniert. Dem zweiten Link fehlen definitiv einige Ordner, deshalb hat das nicht funktioniert. Ich habe keine Ahnung, warum der erste Link nicht so funktioniert, wie er sollte, aber ich würde vermuten, dass der Build von PDF.js nicht ganz erfolgreich war.

Obwohl dies nur gut funktionieren wird, stimme ich zu, dass es besser ist, es zu erstellen, als es nur zu entpacken. Ich hoffe, Sie können jetzt damit arbeiten. In der Zwischenzeit werde ich versuchen, PDF.js selbst zu erstellen und auf Ihrem Server zu testen. Wenn ich das zum Laufen bringen kann, werde ich auch die Schritte posten und hoffentlich werden dann alle Probleme behoben :-)

@AliND Die erstellte Version funktioniert auch für mich, obwohl ich zugeben muss, dass ich ein bisschen herausfinden musste, wie es funktioniert. Ich habe noch nie zuvor PDF.js erstellt, daher habe ich mit https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wiki begonnen -Setup_testing_environnement, aber das hat mir nicht ganz ein gutes Ergebnis gebracht. Ich habe Folgendes getan, damit es auf Ihrem Server funktioniert (Link hier: http://pdfjs.eu.pn/pdf.js-build/web/viewer.html):

1. Stellen Sie das richtige Zeilenende ein, wenn Sie unter Windows wie ich arbeiten: git config --global core.autocrlf input (vor dem nächsten Schritt oder Schritt 3 schlägt fehl!).
2. Klonen Sie das Repository mit git clone https://github.com/timvandermeij/pdf.js.git von meinem Fork (Sie sollten jedoch das immer aktuelle https://github.com/mozilla/pdf.js Repository verwenden).
3. Führen Sie den Befehl make aus: node make generic .
4. Danach habe ich den Rest von https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wiki -Setup_testing_environnement seitdem ignoriert es hat bei mir nicht funktioniert. Es wurden nicht die richtigen Dateien kopiert. Ich ging in den Ordner build/generic , der in Schritt 3 erstellt wurde, und lud den Ordner build und web auf den Webserver hoch. Das hat es geschafft.

Ich hoffe, Ihre Probleme werden gelöst, indem Sie die Schritte befolgen, die ich hier und in meinem vorherigen Kommentar angegeben habe. Viel Glück (und Entschuldigung für die Textwand!). :-)

@yurydelendik Ich finde das Handbuch auch unter https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wiki -Setup_testing_environnement etwas verwirrend. Im Abschnitt From build to production kopieren Sie beispielsweise einige Dateien in ein Produktionsverzeichnis, aber pdf.js selbst wird nicht kopiert, wodurch ein Produktionsverzeichnis nur mit den Viewer-Dateien und nicht mit den Kerndateien erstellt wird. Ich habe das Gefühl, dass dort Schritte fehlen. Könnten Sie das überprüfen? Ich kann die Wiki-Seite auch mit den obigen Schritten umschreiben, wenn Sie möchten, da dies meiner Meinung nach für den Anfang klarer ist (oder wir müssen die aktuelle Wiki-Seite um weitere Schritte erweitern, um die Kerndateien einzuschließen).

@timvandermeij , also haben Sie die Anweisungen für Ubuntu Windows einzurichten ? Ja, dafür benötigen Sie eine spezielle Umgebung für Windows (für Anfänger nicht einfach einzurichten, z. B. https://github.com/mozilla/pdf.js/wiki/Setting-up-pdf.js-Development-Environment-for -Fenster). Ja, das Wiki ist verwirrend, aber ein Interesse an "Testumgebungen" zeigt bereits, dass es kein Anfänger ist. Aber ja, wenn Sie es verwirrend finden und den richtigen Weg gefunden haben, nehmen Sie bitte eine Änderung vor (aber im Falle von Windows verdient es eine andere Wiki-Seite)

Eintrag zu den FAQs hinzugefügt: https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#wiki -gh-pages

@yurydelendik Danke. Ich habe unter Windows praktisch das Gleiche getan wie unter Arch Linux, aber ich werde versuchen, das Wiki zu erweitern. :) :)

@yurydelendik Ich habe die Linux-Anweisungsseite unter https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Linux%29 erweitert , um die Probleme zu beheben, mit denen ich

Bearbeiten: Hier ist die Windows-Version: https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Windows%29

Ich hoffe, Sie sind mit den Änderungen an den Linux- und Windows-Seiten des Wikis zufrieden. Ich denke, sie sind jetzt leichter zu verstehen, und jetzt haben wir auch Dokumentation für Windows :)

@ Timvandermeij Danke dafür.

@ Timvandermeij : Was Sie getan haben, ist hervorragend; Vielen Dank für jede Sekunde, die Sie dort verbracht haben. Ich bin zu 100% sicher, dass dies auch für viele andere nützlich sein wird. Die Überprüfung ist im Gange, ich werde sehr bald mit dem Ergebnis zurückkommen.

@yurydelendik : Vielen Dank für die Eingabe, scheint, dass Tim alles getan hat!

Nochmals vielen Dank und alles Gute //
AliND

@AliND , @yurydelendik Sehr gerne helfen! Ich würde in der Tat gerne das Ergebnis hören. :-)

@ Timvandermeij
Unglaublich, alles was getan werden musste, war die PDF-Datei in den Build-Ordner einzufügen!

Die einzigen benötigten Ordner sind das Web! und der Build (nur mit der zu erstellenden pdf.js & der pdf-Datei). Außerdem sollte der Gebietsschemaordner (mit locale.properties darin, wenn wir die Datei von github auf den lokalen Server kopieren) in den Webordner aufgenommen werden.

Für diese recht einfache und unkomplizierte Methode erhalten Sie @timvandermeij eine Anleitung, wo Sie die PDF-Datei (im Build-Ordner) ablegen können , und

http://pdfjs.eu.pn/pdffinal/web/viewer.html

Trotzdem gibt es ein Problem: Es wird in Firefox, Chrome und Opera perfekt angezeigt. Für Explorer und Opera gibt es jedoch zwei Fehler:
Safari: Fehlendes PDF "sample.pdf". Trotzdem funktioniert der Lader einwandfrei!
Explorer: Nur der Stil, nichts wird geladen!

Ich meine, ich finde es seltsam, weil die kompatible.js vorhanden ist, und ich frage mich, was dieses Verhalten für diese Browser verursachen könnte. Wie auch immer, ich habe auch alle anderen Dateien und Ordner hochgeladen, hatte aber kein Glück!.

@timvandermeij : Wenn ich Ihre Methode verwende und den gesamten Ordner wie zuvor hochlade, wird unter dem folgenden Link der folgende Fehler

Ich verstehe nur nicht warum! Ich habe sogar den Ordner pdf3.js heruntergeladen, den Sie hochgeladen haben, und ihn erneut hochgeladen! und trotzdem funktioniert es nicht!

Ich meine, was mich wirklich beunruhigt, ist der Grund, warum es mit den beiden anderen Browsern nicht funktioniert!

Irgendwelche Ideen?

@ Timvandermeij Ich habe GIT installiert und bin auf verschiedene Probleme
1- Gibt es einen Grund, aus dem der Link, den ich in meinem vorherigen Beitrag gepostet habe, in IE & Safari nicht funktioniert?
2- Haben Sie beim Hochladen des Hauptordners anschließend Änderungen vorgenommen?

Nochmals vielen Dank - ich schätze Ihre Hilfe sowie die Hilfe von

Alles Gute,
AliND

@timvandermeij @yurydelendik

Ich habe es zum Laufen gebracht, danke Tim - ich habe dieses Mal den Safari-Elementinspektor verwendet und aus bestimmten Gründen wird er auf web / sample.pdf anstatt auf build / sample.pdf gerichtet. Gleiches gilt für den Internet Explorer! Bitte beachten Sie, dass die internen Links in der PDF-Datei im IE nicht funktionieren, dies ist jedoch kein Problem.

Ohne Zweifel ist die Erstellungsmethode die richtige, obwohl man für jede PDF-Datei eine separate viewer.js erstellen kann.

Wenn Sie jetzt zu http://pdfjs.eu.pn/pdffinal/web/viewer.html gehen, funktioniert dies in allen 5 genannten Browsern. (Hinweis: Manchmal können die Browser einige Dateien auf diesem kostenlosen Server nicht finden, aber auf dem kostenpflichtigen Server - es funktioniert ohne Probleme).

Für zukünftige Benutzer ist ein einfacher Weg:
1- Klonen Sie http://mozilla.github.io/pdf.js/web/viewer.html (Sie können HTTrack verwenden).
2- Sie haben zwei Ordner: web & build (der spätere hat pdf.js, was am wichtigsten ist - HTTrack kombiniert in diesem Fall alle Build-Aktionen in dieser Datei)
2- Öffnen Sie die Datei pdf.js (Build-Ordner) und ändern Sie GET.html in GET
3- Öffnen Sie viewer.js (Webordner) und ändern Sie den Namen der PDF-Datei in Ihren eigenen.
4- Legen Sie Ihre PDF-Datei sowohl im Web (Safari & IE) als auch in den Build-Ordnern (anderen Browsern) ab (Sie können ein wenig ändern, die pdf.js in den Webordner legen, dann müssten Sie sie nicht einfügen pdf zweimal, aber das könnte etwas Arbeit erfordern!)
5- Hochladen
6- Es sollte jetzt funktionieren! Beachten Sie, dass diese Methode möglicherweise Fehler aufweist, die mir nicht bekannt sind.

@timvandermeij Ich verstehe einfach nicht, warum es nicht funktioniert, wenn ich den Master-Ordner hochlade!, weil es in Ihrem Fall einwandfrei funktioniert hat!

Wie auch immer, vielen Dank für Ihre freundliche Hilfe und Unterstützung, und ich würde es noch einmal sagen, gemäß den Anweisungen von @yurydelendik & @timvandermeij , "die richtige Methode" ist die Build-Methode; Aber da ich Finanzforscher bin, kann ich mich nicht wirklich mit Zeitfragen befassen.

Nochmals vielen Dank und alles Gute //
Ali

@AliND Schön, dass du es zum

Vielen Dank auch für Ihre Schritte hier. Dies kann zukünftigen Benutzern helfen, die immer noch Probleme mit den aktualisierten Wiki-Seiten haben. Der auf den Wiki-Seiten beschriebene Weg ist definitiv der richtige Weg und eine Arbeitsmethode. Wenn er jedoch aus irgendeinem Grund für jemanden nicht funktioniert, können Ihre Schritte als Hilfe dienen.

Ich weiß nicht, wie ein falscher Link zu einer PDF-Datei nur Safari und IE beschädigen kann und nicht die anderen Browser. Vielleicht gibt es ein Problem mit diesem kostenlosen Konto, kann ich nicht sagen.

Ich bin froh, dass du es zum Laufen gebracht hast und alles Gute! :-)

@AliND Beachten Sie außerdem, dass die Anpassung von viewer.js nicht der beste Weg ist. Sie können andere Dateien mit dem Parameter file in der URL laden, wie unter https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-% beschrieben 28Linux% 29 # Öffnen von PDF-Dateien von Ihrer Website. Auf diese Weise können Sie eine viewer.js -Datei verwenden und trotzdem alle gewünschten PDF-Dateien öffnen.

@timvandermeij Nochmals vielen Dank :)

Tatsächlich funktioniert Ihre Methode auf dem freien Server perfekt. Ich habe es gerade versucht, aber diesmal habe ich anscheinend ein Problem mit dem kostenpflichtigen Server! Ich habe gerade ein Support-Ticket geöffnet, damit sie das Problem untersuchen können.

Abgesehen von der Erstellungsmethode funktioniert das, was
1- Laden Sie einfach die Master-Zip-Datei herunter, extrahieren Sie sie und laden Sie sie hoch oder laden Sie sie hoch und extrahieren Sie sie, wenn das Bedienfeld dies zulässt (die zweite Methode ist viel schneller). Natürlich gibt es einige Dateien und / oder Ordner, die nicht benötigt werden, aber laden Sie einfach das Ganze hoch: D.
2- Öffnen Sie die Datei viewer.js (im Webordner) und ändern Sie den Namen der PDF-Datei in Ihren eigenen. Laden Sie diese viewer.js hoch (laden Sie sie erneut hoch)
3- Laden Sie Ihre PDF-Datei (mit dem in Schritt 2 angegebenen Namen) in den Webordner hoch.
4- Fertig (Wenn es nicht funktioniert, liegt ein Problem mit Ihrem Host vor. Probieren Sie einen kostenlosen Host aus und überzeugen Sie sich selbst).

Nochmals vielen Dank Tim :)
Alles Gute //
Ali

Wow, die Dateimethode ist in der Tat sehr hilfreich! :) :)

@ Timvandermeij Sie haben eine Hand bereitgestellt :)

Nochmals vielen Dank und alles Gute //
AliND

Hallo
In meinem Projekt muss ich die PDF-Seite in einen Iframe laden, daher habe ich die PHP-Funktion file_get_contents verwendet, um den Inhalt von viewer.html abzurufen. Beim Laden des PDF-Dokuments tritt jedoch ein Fehler auf
PDF.js v? (bauen: ?)
Nachricht: InvalidPDFException
die Konsole ist wie unten,
Fehler: Ungültiger XRef-Stream-Header util.js: 186
bei Fehler (http://bacchus.weibo.com:8080/js/pdfjs/src/shared/util.js:188:15)
bei Object.XRef_readXRef als readXRef
bei Object.XRef_parse als Analyse
bei Object.PDFDocument_setup als Setup
bei Object.PDFDocument_parse als Analyse
unter http://bacchus.weibo.com : 8080 / js / pdfjs / src / core / pdf_manager.js: 106: 26
bei LocalPdfManager_ensure als sicherstellen
bei LocalPdfManager.BasePdfManager_ensureDoc als sureDoc
unter http://bacchus.weibo.com : 8080 / js / pdfjs / src / core / worker.js: 54: 22
Da ich frisch in Javascript bin, kann ich nicht verstehen, warum dies passiert ist. Kann mir jemand helfen?

@xiaotun Die PDF-Datei scheint

Ich erhalte Warnung: TT: undefinierte Funktion: 32 in der Konsole.

Quelle 'VM_Unknown' konnte nicht geladen werden : Inhalt konnte nicht abgerufen werden. VM_
@ types / pdfjs-dist könnte das Problem sein, aber es erscheint in meiner eckigen App als TGZ-Datei in einer URL !!!

Das PDF wird im Browser gerendert ok, aber die Formulareingaben sind nicht da!

Ich habe versucht, diesem Tutorial zu folgen:
https://medium.com/factory-mind/angular-pdf-forms-fa72b15c3fbd