gpt4 book ai didi

javascript - 引用错误 : PDFJS is not defined when loading a pdf

转载 作者:行者123 更新时间:2023-12-04 16:57:52 41 4
gpt4 key购买 nike

我正在尝试使用 pdf.js 将 pdf 加载到 Web 应用程序中,以便我可以进一步从 pdf 文件中实时提取信息。但是我用一个非常小的例子得到了这个错误。

我已尝试按照 Uncaught ReferenceError: PDFJS is not defined when initialising PDF.JS 中的建议将代码包装在 $(document).ready() 中。

我也无法在控制台中访问 PDFJS。

下面是我正在使用的代码(来自 https://www.sitepoint.com/custom-pdf-rendering/ )

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>PDF.js Learning</title>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
<script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.worker.js"></script>
<script>
$(document).ready(function () {
var url = "https://github.com/mozilla/pdf.js/blob/master/web/compressed.tracemonkey-pldi-09.pdf";

// Asynchronous download PDF
PDFJS.getDocument(url)
.then(function(pdf) {
return pdf.getPage(1);
})
.then(function(page) {
// Set scale (zoom) level
var scale = 1.5;

// Get viewport (dimensions)
var viewport = page.getViewport(scale);

// Get canvas#the-canvas
var canvas = document.getElementById('the-canvas');

// Fetch canvas' 2d context
var context = canvas.getContext('2d');

// Set dimensions to Canvas
canvas.height = viewport.height;
canvas.width = viewport.width;

// Prepare object needed by render method
var renderContext = {
canvasContext: context,
viewport: viewport
};

// Render PDF page
page.render(renderContext);
});
})
</script>
<canvas id='the-canvas'></canvas>
</body>
</html>

最佳答案

pdfjsLib.getDocument() 有效。现在我只需要知道为什么...

关于javascript - 引用错误 : PDFJS is not defined when loading a pdf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49934697/

41 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com