使用 PDF.js 异步加载多个 pdf 文件时获取总页数

Question

我正在使用 pdfjs 加载和合并一些 pdf 文件。 我知道如何显示 pdf 文档的页码，但是在合并文件时，我想根据所有 pdf 文档的总页数显示页码。 但是因为它是异步的，所以仅仅使用和增加一个计数器变量是行不通的。

var actual_page = 1;

(async function loop() {
for (url_item of urls) {
    var loadingTask = pdfjsLib.getDocument(url_item);
        await loadingTask.promise.then(function (pdf) {
            let i = 1;
            while (i <= pdf.numPages) {
                var pageNumber = i;
                pdf.getPage(pageNumber).then(function (page) {
                    //render pdf and print actual_page++ 
                });
            }
        }
    }
}

第一页显示 1，第二页显示 3，2 将出现在第 10 页，依此类推。

提前致谢。

Answer 1

我认为您将需要 Promise.all 或某些等效项才能以正确的顺序从 getPage 获取页面。 这可能只会使您的页码工作正常。

var pagePromises = [];

while (i <= pdf.numPages) {
    pagePromises.push(pdf.getPage(i));
    i++;
}

Promise.all(pagePromises).then(function (allPages) {
  allPages.forEach(page => {
    // render pdf and print actual_page++
  });
});

});