Pdf.js: ReferenceError:pdfjsViewerが定義されていません

作成日 2019年02月11日  ·  3コメント  ·  ソース: mozilla/pdf.js

要約すると、私はAcroformの例を試しています。 サーバーでホストされているPDFを表示しようとしていますが、エラーが発生します:Uncaught(in promise)ReferenceError:pdfjsViewer is not defined

ここにPDFファイルを添付(推奨)またはリンク:ファイルは私のサーバーでホストされています。

構成:

  • Webブラウザとそのバージョン:Google Chromeバージョン72.0.3626.96(公式ビルド)(64ビット)
  • オペレーティングシステムとそのバージョン:Windows 10
  • PDF.jsバージョン:v2.1.245
  • ブラウザ拡張機能です:いいえ

var pdfPageView = new pdfjsViewer.PDFPageView({

コードは次のとおりです。

pdfjsLib.GlobalWorkerOptions.workerSrc = "/js/Lib/pdf.worker.js";
    var DEFAULT_SCALE = 1.0;
    var container = document.getElementById('viewer_container');
    var loadingTask = pdfjsLib.getDocument(pathStringer);

    loadingTask.promise.then(function (doc) {
        // Use a promise to fetch and render the next page.
        var promise = Promise.resolve();

        for (var i = 1; i <= doc.numPages; i++) {
            promise = promise.then(function (pageNum) {
                return doc.getPage(pageNum).then(function (pdfPage) {
                    // Create the page view.
                    var pdfPageView = new pdfjsViewer.PDFPageView({
                        container: container,
                        id: pageNum,
                        scale: DEFAULT_SCALE,
                        defaultViewport: pdfPage.getViewport({ scale: DEFAULT_SCALE, }),
                        annotationLayerFactory:
                            new pdfjsViewer.DefaultAnnotationLayerFactory(),
                        renderInteractiveForms: true,
                    });

                    // Associate the actual page with the view and draw it.
                    pdfPageView.setPdfPage(pdfPage);
                    return pdfPageView.draw();
                });
            }.bind(null, i));
        }
    });

1-other

全てのコメント3件

var pdfPageView = new pdfjsViewer.PDFPageView({

WFM、 https: //github.com/mozilla/pdf.js/tree/master/examples/acroforms#getting-startedの指示に従う場合。

例は機能するはずです。 dist-installステップを忘れないように注意してください。

私の悪い。 にあるpdfjs-distのビューアを使用する代わりに
pdf.js\node_modules\pdfjs-dist\web\pdf_viewer.jspdf.js\web\viewer.jsビューアを使用していました。

このページは役に立ちましたか?
0 / 5 - 0 評価