首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用pdf.js时无法读取未定义的属性“”GlobalWorkerOptions“”

使用pdf.js时无法读取未定义的属性“”GlobalWorkerOptions“”
EN

Stack Overflow用户
提问于 2020-01-16 23:05:06
回答 1查看 7.6K关注 0票数 6

我使用pdf.js来显示我的数据库中的多个pdf文件。我对base64示例代码进行了一些修改,所以我的代码如下所示:

代码语言:javascript
运行
复制
<script src="//mozilla.github.io/pdf.js/build/pdf.js"></script>
<script>
    $(document).ready(function () {
            var pdfjsLib = window['pdfjs-dist/build/pdf'];

            // The workerSrc property shall be specified.
            pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
            let canvas = $('.pdfOferta');
            for (let i = 0; i < canvas.length; i++) {
                var pdfData = canvas[i].getAttribute['data-pdf'];
                var loadingTask = pdfjsLib.getDocument({ data: pdfData });
                loadingTask.promise.then(function (pdf) {
                    console.log('PDF loaded');
                    // Fetch the first page
                    var pageNumber = 1;
                    pdf.getPage(pageNumber).then(function (page) {
                        console.log('Page loaded');
                        var scale = 1.5;
                        var viewport = page.getViewport({ scale: scale });
                        // Prepare canvas using PDF page dimensions
                        var canvas = document.getElementById('the-canvas');
                        var context = canvas.getContext('2d');
                        canvas.height = viewport.height;
                        canvas.width = viewport.width;
                        // Render PDF page into canvas context
                        var renderContext = {
                            canvasContext: context,
                            viewport: viewport
                        };
                        var renderTask = page.render(renderContext);
                        renderTask.promise.then(function () {
                            console.log('Page rendered');
                        });
                    });
                }, function (reason) {
                    // PDF loading error
                    console.error(reason);
                });
            }
        });
</script>

我将base64字符串注入到画布元素的'data-pdf‘属性中,如下所示(在一个循环中):

代码语言:javascript
运行
复制
<canvas class="pdfOferta" id="@Model.ListaDatasVivo[i].Ofertas[j].Arquivos[k].Id" data-pdf="@Model.ListaDatasVivo[i].Ofertas[j].Arquivos[k].ArqBase64"></canvas>

但是当我试图加载页面时,我得到了这个错误:

代码语言:javascript
运行
复制
Cannot read property 'GlobalWorkerOptions' of undefined

这里我漏掉了什么?

EN

回答 1

Stack Overflow用户

发布于 2020-06-04 20:26:10

我也有同样的问题,但我用'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';替换了'//mozilla.github.io/pdf.js/build/pdf.worker.js';,解决了这个问题。我猜他们的链接不再有效,尽管不知何故它在小提琴上起作用了。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59772451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档