要約すると、私はAcroformの例を試しています。 サーバーでホストされているPDFを表示しようとしていますが、エラーが発生します:Uncaught(in promise)ReferenceError:pdfjsViewer is not defined
ここにPDFファイルを添付(推奨)またはリンク:ファイルは私のサーバーでホストされています。
構成:
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));
}
});
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.js
、 pdf.js\web\viewer.js
ビューアを使用していました。