Pdf.js: pdf.jsを機能させる方法は？

これはバグを報告する場所です。 サポートフォーラムではありません。
フロントページのREADMEを読み、ビューアと例を確認してください
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

ベンブロありがとう、
私はそれを知りませんでした-私はすべてのサポートドキュメントを見て無駄になりました。

そのようなサポートを提供できるウェブサイトを提案していただけませんか？
前もって感謝します。

探しているすべての情報は、フロントページのREADMEにあります。
https://github.com/mozilla/pdf.js/blob/master/README.md
質問セクションの下を見てください。

@ AliND @ benbroによって提供された例でうまくいくはずです。 zip全体をダウンロードするか、リポジトリのクローンを作成することをお勧めします。 リポジトリのクローンを作成し、ローカルのXAMPPインスタンスで実行するだけで、機能するようになりました。 実際のビューアはweb/viewer.htmlファイルにあることを忘れないでください。そのため、ルートフォルダにアクセスすると、フォルダリストのみが表示されます。

WebサーバーまたはローカルのXAMPP / WAMPインスタンスで動作させようとしていますか？ エラーが発生し続ける場合は、追加情報（コンソールおよびOS /ブラウザからの正確なエラーメッセージ/警告）を投稿してください。 Webサーバーにアップロードする場合は、ビューアへのリンクも問題の追跡に役立ちます。 あなたが本当にそれをあなた自身で理解することができないようであるならば、我々は喜んで助けます。 :)

@timvandermeijまず、ご返信ありがとうございます。 @benbroにも感謝しますが、リンクは問題の解決に役立ちませんでした。

多くの人が同じ問題を抱えていることに気づきました。 一部の人はそれを未解決にしましたが、それを解決した人は手順を示しませんでした！ 初心者のためにそれを機能させる方法についてのそのような非常に小さなガイドを書くことは非常に役立つと思います。

@timvandermeij 、何らかの理由でXAMPPやその他のサーバーエージェントをインストールできません。 無料のアカウントを作成しました。このアカウントには、次のftpユーザーの詳細からアクセスできます。
ホスト名：pdfjs.eu.pn
FTPユーザー名：1468147_admin
FTPパスワード：hello123？

3つの異なるアプローチを試しましたが、3つの異なるPDF警告が表示されました。

1- WinHTTrackですべてをダウンロードしてからアップロードすると、次のエラーが発生します。
http://pdfjs.eu.pn/pdf.js/web/viewer.html
または「InvalidPDFException」。 しかし、完全に正しいわけではありませんが、Safariを使用してオフラインで（サーバーをインストールせずに）開くことができたのは奇妙です。

2-このエラー（警告メッセージなし）が表示されますが、ページが表示されません
http://pdfjs.eu.pn/pdf2.js/web/viewer.html

3-zipフォルダー全体（すべてのファイル）をアップロードすると、次のエラーが発生します。
[このディレクティブの処理中にエラーが発生しました]
その後、デザインが失われ、表示されるのはいくつかのボタンとフィールドだけです。

本当にありがとうございました。
あなたの提案を待っています-どうもありがとう
AliND

http://pdfjs.eu.pn/pdf.js/build/pdf.jsを見ると、サーバー（おそらくミラーリングプログラム）で「GET」が「GET.html」に置き換えられています。例：

      };

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

http://mozilla.github.io/pdf.js/build/pdf.jsには、「。html」がありません。 問題を無効としてクローズします。

gitを使用して、製品コードでgh-pagesブランチをプルします： git clone -b gh-pages https://github.com/mozilla/pdf.js.git pdfjs-gh-pages

@yurydelendikに感謝します-私はあなたの入力に本当に感謝します。

しかし、私はphpとjavascriptの初心者です。

私はあなたのアドバイス（GET）を試しました、そしてそれは確かに役に立ちます。 これで、ローダーは表示されますが、ドキュメントは表示されません。 実際、最初にwebフォルダーとsrcフォルダーをアップロードしたときは、次のスレッドのヒントに基づいてアップロードしました。
https://github.com/mozilla/pdf.js/issues/2371 （この場合に発生したエラーは次のとおりであることに注意してください：[このディレクティブの処理中にエラーが発生しました]）

ユーリーは知りませんが、初心者の方も同じ問題に直面しているようです。 つまり、次の例（前述）のように、フォルダをアップロードするだけで機能させる簡単な方法があると強く信じています。これは、私だけでなく他の多くの人にとっても非常に役立ちます。
http://www.worldwidewhat.net/2011/08/render-pdf-files-with-html5/

私は他の人のビジネスに自分の騒ぎを入れているように見せたくありませんが、メインのPdf.jsページで、初心者向けにそのような非常に短いチュートリアルを提供することは非常に役立ちます。

私の問題が解決したかどうかにかかわらず、私はあなたの親切な援助に感謝します。
オールベスト//
AliND

初心者にとっては、多くのことがうまくいかない可能性があります。 初心者に最初にお勧めするのは、READMEファイル、FAQ、および問題で提供されているアドバイスに従うことです。 node.jsをセットアップし、gitを使用してプロジェクトのクローンを作成し、ビルドすることができましたか？ 上記のgitコマンドを使用するために私のアドバイスに従ってみましたか？

カスタムプラットフォームへのpdf.jsのデプロイはこのプロジェクトの範囲外ですが、特定のプラットフォームの寄稿者/専門家からの詳細なステップバイステップの説明を喜んで受け入れます（wikiページの形式で）。 何かが足りないと思い、一般的なケースを解決する方法を知っている場合は、wikiページを作成してください。

@AliNDいくつかのファイルが不足しているようです。 http://pdfjs.eu.pn/pdf.js/web/viewer.htmlのビューアは私には問題ないように見えますが、コンソールは次のように主張しています。

 "NetworkError：404 Not Found-http：//pdfjs.eu.pn/pdf.js/build/compressed.tracemonkey-pldi-09.pdf"

つまり、PDFファイルはその場所に存在しません。 そこに置いてください、そうすれば大丈夫です。

次のファイルがないため、2番目のリンクが機能していません。

 "NetworkError：404 Not Found-http：//pdfjs.eu.pn/pdf2.js/external/webL10n/l10n.js"
 l10n.js
 "NetworkError：404 Not Found-http：//pdfjs.eu.pn/pdf2.js/external/jpgjs/jpg.js"
 jpg.js
 "NetworkError：404 Not Found-http：//pdfjs.eu.pn/pdf2.js/external/webL10n/l10n.js"
 l10n.js
 "NetworkError：404 Not Found-http：//pdfjs.eu.pn/pdf2.js/external/jpgjs/jpg.js"

上記のファイルがそのパスにあることを確認してください。 私が言えることは、それでうまくいくはずです。 ヒント：Firefoxコンソール（ CTRL + Shift + K ）を使用して、上記のエラーを確認してください。 彼らはあなたが問題を追跡するのに役立ちます。

@AliND http://pdfjs.eu.pn/pdf.js/web/viewer.htmlは、PDFファイルをビルドディレクトリに追加したため、部分的に機能するようになりました。 これが必要であるという事実は、ビルドプロセス中に何か怪しいことが起こったことを示している可能性があります。 私はあなたのためにそれをもう少し調べて、うまくいけばあなたにもっと良いフィードバックを与えるでしょう。

@AliNDどうぞ： http ： //pdfjs.eu.pn/pdf3.js/web/viewer.html

私がしたこと：

1. https://github.com/mozilla/pdf.js/archive/master.zipをダウンロードし
2. それを抽出します。
3. フォルダ全体をFTPアカウントのpdf3.jsフォルダにアップロードします（2つの大きなテストPDFファイルは不要であり、無料のFTPサーバーで問題が発生したため、省略しました）。

特別なことは何もありません、それが私のために働いているほど奇妙です。 2番目のリンクには間違いなくいくつかのフォルダーがないため、それが機能しませんでした。 最初のリンクが期待どおりに機能しない理由はわかりませんが、PDF.jsのビルドが完全に成功したわけではないと思います。

これはうまく機能しますが、単に解凍するのではなく、ビルドする方がよいことに同意します。 今のところ、これで作業できることを願っています。 それまでの間、PDF.jsを自分でビルドして、サーバーでテストしてみます。 私がそれを機能させることができれば、私も手順を投稿し、うまくいけばすべての問題が修正されるでしょう:-)

@AliNDビルドされたバージョンも私のために機能していますが、それがどのように機能するかを少し理解する必要があったことは認めます。 これまでPDF.jsを作成したことがないので、 https：//github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wikiから始めました

1. 私のようなWindowsを使用している場合は、正しい行末を設定してください： git config --global core.autocrlf input （次のステップの前に、またはステップ3が失敗します！）。
2. git clone https://github.com/timvandermeij/pdf.js.gitを使用して、フォークからリポジトリのクローンを作成します（ただし、常に最新のhttps://github.com/mozilla/pdf.jsリポジトリを使用する必要があります）。
3. makeコマンドを実行します： node make generic 。
4. その後、 https： //github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wiki -Setup_testing_environnementの残りの部分は無視しました。それは私にはうまくいきませんでした。 適切なファイルをコピーしていませんでした。 私がやったことに入ったbuild/genericステップ3で作成されたフォルダとアップロードbuildし、 webフォルダをWebサーバーに。 それはそれをしました。

ここと以前のコメントで提供した手順に従って、問題が解決されることを願っています。 頑張ってください（そしてテキストの壁に申し訳ありません！）。 :-)

@yurydelendik https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Debian-Ubuntu%29#wiki-Setup_testing_environnementのマニュアルも少しわかりにくいです。 たとえば、セクションFrom build to productionでは、いくつかのファイルを本番ディレクトリにコピーしますが、 pdf.js自体はコピーされないため、本番ディレクトリにはビューアファイルのみが含まれ、コアファイルは含まれません。 そこにステップが欠けているような気がします。 確認してもらえますか？ 必要に応じて、上記の手順を使用してwikiページを書き直すこともできます。これは、初心者にとってはより明確になると思います（または、コアファイルを含めるために現在のwikiページをより多くの手順で拡張する必要があります）。

@timvandermeij 、それであなたはそれをウィンドウズでセットアップするためにubuntuの指示に従いましたか？ ええ、あなたはそれをするためにウィンドウズのための特別な環境を必要とするでしょう（初心者のためにセットアップするのは簡単ではありません、例えばhttps://github.com/mozilla/pdf.js/wiki/Setting-up-pdf.js-Development-Environment-for -ウィンドウズ）。 ええ、ウィキは紛らわしいですが、「テスト環境」への関心はすでに初心者ではないことを示しています。 しかし、それが紛らわしく、正しい方法を見つけた場合は、変更を加えてください（ただし、Windowsの場合は別のwikiページに値します）

FAQにエントリを追加しました： https ：

@yurydelendikありがとう。 たとえば、WindowsでもArch Linuxで行うのと実質的に同じことを行いましたが、wikiの拡張を試してみます。 :)

@yurydelendik https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Linux%29のLinuxの説明ページを拡張して、発生した問題を修正しましたそれ、そしてまたいくつかのテキストの間違いを修正するために。 そのページは今私には問題ないようです。 この日のうちに、同じタイプのページを作成しますが、その後はWindows（現在はやること項目）に焦点を当てます。 うまくいけば、より多くの指示を追加することで、ユーザー間の混乱が少なくなります。 :)

編集：これがWindowsバージョンです： https ：

ウィキのLinuxページとWindowsページに加えられた変更に満足していただければ幸いです。 今では理解しやすくなっていると思います。Windows用のドキュメントもあります:)

@timvandermeijそれをしてくれてありがとう。

@timvandermeij ：あなたがしたことは素晴らしいです。 あなたがそこで過ごした毎秒ありがとう。 これは他の多くの人にも役立つと100％確信しています。 確認中ですので、すぐに結果をお返しします。

@yurydelendik ：入力に感謝します、ティムはそれをすべてやったようです！

もう一度ありがとう＆すべての最高//
AliND

@ AliND 、 @ yurydelendik喜んでお手伝いします！ 確かにその結果を聞きたいと思います。 :-)

@timvandermeij
信じられないほど、必要なことはpdfファイルをビルドフォルダーに挿入することだけでした！

必要なフォルダはWebだけです！ およびビルド（ビルドするpdf.jsとpdfファイルのみを使用）。 さらに、ロケールフォルダー（ファイルをgithubからローカルサーバーにコピーする場合は、locale.propertiesが含まれています）をWebフォルダーに含める必要があります。

この非常に簡単、ストレートフォワード方式の場合、クレジットはあなたが（buildフォルダ内）pdfファイルを置く場所に関するガイダンスのため@timvandermeij、およびGET.htmlの問題を把握するために@yurydelendikすることになります。

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

しかし、それでも1つの問題があります。それは、Firefox、Chrome、およびOperaで完全に表示されます。 ただし、ExplorerとOperaの場合、2つのエラーがあります。
Safari：PDF「sample.pdf」がありません。 しかし、それでも、ローダーは正常に動作します！
エクスプローラー：スタイルだけで、何もロードされません！

つまり、compatibility.jsが存在するため、奇妙な感じがします。これらのブラウザーでこの動作が発生する原因は何でしょうか。 とにかく、私は他のすべてのファイルとフォルダもアップロードしましたが、運がありませんでした！。

@timvandermeij ：あなたの方法を使用し、以前と同じようにフォルダー全体をアップロードすると、次のリンクで次のエラーが発生します。 抽出してアップロードするか、アップロードして抽出するかに関わらず、同じ問題に注意してください。 また、pdf.js-master.zipとmozilla-pdf.js-v0.5.5-1283-gc682c25.zipは同じファイルなので、なぜ一度に2つになるのだろうか。

理由がわからない！ アップロードしたpdf3.jsフォルダーをダウンロードして、再度アップロードしました。 それでも、それは機能しません！

つまり、私が本当に心配しているのは、他の2つのブラウザーで機能しない理由です。

何か案は？

@timvandermeij GITをインストールしましたが、さまざまな種類の問題が発生しました。 したがって、私はむしろ最初の解決策に焦点を当てたいと思います。 次の2つの質問に対する回答を提供していただけませんか。
1-以前の投稿で投稿したリンクがIEとSafariで機能しない理由はありますか？
2-マスターフォルダをアップロードしたときに、後で変更を加えましたか？

もう一度ありがとう- @ yurydelendikの助けと同様にあなたの助けに感謝します。

すべてのベスト、
AliND

@timvandermeij @yurydelendik

動作しました。ありがとうTim-今回はSafari要素インスペクターを使用しましたが、何らかの理由で、build /sample.pdfではなくweb / sample.pdfを対象としています。 InternetExplorerについても同じことが言えます。 PDFファイルの内部リンクはIEでは機能しませんが、これは問題ではないことに注意してください。

間違いなく、ビルド方法は正しい方法ですが、PDFファイルごとに個別のviewer.jsを作成できます。

これで、 http：//pdfjs.eu.pn/pdffinal/web/viewer.htmlにアクセスすると、上記の5つのブラウザーすべてで機能します。 （注：ブラウザがこの無料サーバーで一部のファイルを見つけられない場合がありますが、有料サーバーでは問題なく動作します）。

将来のユーザーにとって、簡単な方法は次のとおりです。
1- http://mozilla.github.io/pdf.js/web/viewer.htmlのクローンを作成します（HTTrackを使用できます）。
2- 2つのフォルダーがあります：webとbuild（後者には最も重要なpdf.jsがあります-この場合はHTTrack、すべてのビルドアクションをこのファイルに結合します）
2- pdf.js（ビルドフォルダー）を開き、GET.htmlをGETに変更します
3-viewer.js（Webフォルダー）を開き、pdfファイルの名前を独自のものに変更します。
4- PDFファイルをWeb（SafariとIE）とビルドフォルダー（他のブラウザー）の両方に配置します（少し変更して、pdf.jsをWebフォルダーに配置すれば、同じものを含める必要はありません） pdfを2回作成しますが、これには作業が必要になる場合があります！）
5-アップロード
6-それは今働いているはずです！ この方法には、私が気付いていない欠陥がある可能性があることに注意してください。

@timvandermeijマスターフォルダをアップロードしたときになぜ機能しないのかわかりません！あなたの場合は問題なく機能したからです！

とにかく、あなたの親切な助けとサポートに感謝します、そして私はそれをもう一度言います、 @ yurydelendik ＆ @ timvandermeijの指示によると、「正しい方法」はビルドのものです。 しかし、私は金融研究者なので、時間の問題について深く掘り下げることはできません。

もう一度ありがとう、そしてすべて-すべて最高//
アリ

@AliNDうまくいきました！ 確かに、ビルド方法が最善の方法ですが、他の方法でも問題なく機能するはずです。 ZIPファイルをダウンロードしてサーバーに解凍する以外に何もしませんでした。 その他の変更はありません。 それは完璧に機能したので、それがあなたのために機能しなかったのは不思議です。 ただし、最も重要なことは、目的に応じてすべてのブラウザーで機能させることです。

また、ここにステップを配置していただきありがとうございます。 更新されたwikiページでまだ問題が発生している将来のユーザーに役立つ可能性があります。 ウィキページに記載されている方法は間違いなく進むべき道であり、効果的な方法ですが、何らかの理由でそれが誰かにとってうまくいかない場合は、あなたのステップが助けになるかもしれません。

PDFファイルへの間違ったリンクがSafariとIEを壊すだけで、他のブラウザを壊さない方法がわかりません。 おそらく、その無料アカウントに問題があるのか​​、私にはわかりません。

あなたがそれを機能させてくれてうれしいです、そして本当に最高です！ :-)

@AliNDさらに、 viewer.jsを適応させることは最善の方法ではないことに注意してください。 https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%で説明されているように、URLのfileパラメーターを使用して他のファイルをロードできます。 28Linux％29＃ opening-pdf-files-from-your-website。 そうすれば、1つのviewer.jsファイルを使用しても、必要なすべてのPDFファイルを開くことができます。

@timvandermeijありがとう

実際、あなたの方法は無料のサーバーで完全に機能します。 試してみましたが、今回は有料サーバーに問題があるようです！ 問題を調査できるように、サポートチケットを開いたところです。

したがって、将来のユーザーにとっても、buildメソッドを除いて、 @ timvandermeijが行ったことは完全に機能し、前述のメソッドよりもはるかに簡単です。 参考のため：
1-マスターzipファイルをダウンロードして、解凍してアップロードするか、コントロールパネルで許可されている場合はアップロードして解凍します（2番目の方法の方がはるかに高速です）。 もちろん、不要なファイルやフォルダもありますが、全部アップロードしてください：D。
2-（Webフォルダー内の）viewer.jsを開き、pdfファイルの名前を独自の名前に変更します。 このviewer.jsをアップロード（再アップロード）します
3- PDFファイル（手順2で指定した名前）をWebフォルダーにアップロードします。
4-完了（機能しない場合は、ホストに問題があることを意味します。無料のホストを試して、自分で確認してください）。

もう一度ありがとうティム:)
オールベスト//
アリ

うわー、ファイルメソッドは確かに非常に便利です！ :)

@timvandermeijあなたはワンストップの完全な解決策を提供しました:)

何度も何度もありがとう//
AliND

こんにちは
私のプロジェクトでは、pdfページをiframeにロードする必要があるため、file_get_contentsphp関数を使用してviewer.htmlのコンテンツを取得しました。 しかし、PDFをロードするとエラーが発生します
PDF.js v？ （ビルド：？）
メッセージ：InvalidPDFException
コンソールは次のようになります、
エラー：無効な外部参照ストリームヘッダーutil.js：186
エラー時（http://bacchus.weibo.com:8080/js/pdfjs/src/shared/util.js:188:15）
Object.XRef_readXRefでreadXRefとして
Object.XRef_parseでparseとして
Object.PDFDocument_setupでセットアップとして
Object.PDFDocument_parseでparseとして
http://bacchus.weibo.com：8080 / js / pdfjs / src / core / pdf_manager.js：106：26
LocalPdfManager_ensureで確実に
LocalPdfManager.BasePdfManager_ensureDocでensureDocとして
http://bacchus.weibo.com：8080 / js / pdfjs / src / core / worker.js：54：22
私はJavaScriptを使い始めたばかりなので、なぜこれが起こったのか理解できません。誰か助けてくれる人はいますか？

@xiaotunPDFファイルが壊れているようです。 新しい問題を開いて、OS名/バージョン、PDF.jsバージョン、ブラウザ名/バージョンなどの詳細を提供してください。

警告：TT：未定義の関数：コンソールで32が表示されます。

ソースを読み込めませんでした 'VM_Unknown'：コンテンツを取得できませんでした。VM_Unknown ：1
@ types / pdfjs-distが問題になる可能性がありますが、AngularアプリではURLのtgzファイルとして表示されます!!!

PDFはブラウザでレンダリングされますが、フォーム入力はありません。

私はこのチュートリアルに従おうとしました：
https://medium.com/factory-mind/angular-pdf-forms-fa72b15c3fbd