使用 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++
  });
});

});